/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-el0r7dmxxi] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-el0r7dmxxi] {
    flex: 1;
}

.sidebar[b-el0r7dmxxi] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-el0r7dmxxi] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-el0r7dmxxi]  a, .top-row[b-el0r7dmxxi]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-el0r7dmxxi]  a:hover, .top-row[b-el0r7dmxxi]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-el0r7dmxxi]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-el0r7dmxxi] {
        justify-content: space-between;
    }

    .top-row[b-el0r7dmxxi]  a, .top-row[b-el0r7dmxxi]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-el0r7dmxxi] {
        flex-direction: row;
    }

    .sidebar[b-el0r7dmxxi] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-el0r7dmxxi] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-el0r7dmxxi]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-el0r7dmxxi], article[b-el0r7dmxxi] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Pages/AppList.razor.rz.scp.css */
.applist-container[b-vcs9zklekv] {
    min-height: 100vh;
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
}

.page-header[b-vcs9zklekv] {
    background: white;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.btn-add[b-vcs9zklekv] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #2469CE;
    border: none;
    color: white;
    font-size: 1.8rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 3px 10px rgba(36, 105, 206, 0.3);
}

.btn-add:hover[b-vcs9zklekv] {
    background: #1a5bb8;
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgba(36, 105, 206, 0.4);
}

.content-area[b-vcs9zklekv] {
    flex: 1;
    padding: 20px;
    overflow-y: auto;
}

.loading-container[b-vcs9zklekv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
}

.spinner[b-vcs9zklekv] {
    width: 50px;
    height: 50px;
    border: 4px solid #e0e0e0;
    border-top-color: #2469CE;
    border-radius: 50%;
    animation: spin-b-vcs9zklekv 0.8s linear infinite;
}

.mini-spinner[b-vcs9zklekv] {
    width: 24px;
    height: 24px;
    border: 2px solid #e0e0e0;
    border-top-color: #2469CE;
    border-radius: 50%;
    animation: spin-b-vcs9zklekv 0.8s linear infinite;
}

@keyframes spin-b-vcs9zklekv {
    to {
        transform: rotate(360deg);
    }
}

.empty-state[b-vcs9zklekv] {
    text-align: center;
    padding: 60px 20px;
}

.empty-icon[b-vcs9zklekv] {
    font-size: 4rem;
    margin-bottom: 20px;
}

.empty-state h2[b-vcs9zklekv] {
    color: #333;
    margin: 0 0 10px 0;
}

.empty-state p[b-vcs9zklekv] {
    color: #666;
    margin: 0 0 20px 0;
}

.btn-primary[b-vcs9zklekv] {
    padding: 12px 30px;
    background: #2469CE;
    color: white;
    border: none;
    border-radius: 25px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-primary:hover[b-vcs9zklekv] {
    transform: translateY(-2px);
    background: #1a5bb8;
    box-shadow: 0 5px 20px rgba(36, 105, 206, 0.4);
}

.apps-list[b-vcs9zklekv] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding: 10px;
}

.app-card[b-vcs9zklekv] {
    background: white;
    border-radius: 20px;
    padding: 25px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 15px rgba(36, 105, 206, 0.1);
    border: 1px solid rgba(36, 105, 206, 0.1);
    position: relative;
    width: 280px;
}

.app-card:hover[b-vcs9zklekv] {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(36, 105, 206, 0.2);
}

.app-card.loading[b-vcs9zklekv] {
    pointer-events: none;
    cursor: wait;
}

.card-loading-overlay[b-vcs9zklekv] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.85);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn-b-vcs9zklekv 0.2s ease;
}

.card-spinner[b-vcs9zklekv] {
    width: 50px;
    height: 50px;
    border: 4px solid #e0e0e0;
    border-top-color: #2469CE;
    border-radius: 50%;
    animation: spin-b-vcs9zklekv 0.8s linear infinite;
}

.app-logo-container[b-vcs9zklekv] {
    width: 180px;
    height: 140px;
    flex-shrink: 0;
}

.app-logo[b-vcs9zklekv] {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    object-fit: contain;
}

.app-logo-placeholder[b-vcs9zklekv] {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: #2469CE;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: white;
    font-weight: 600;
}

.app-name[b-vcs9zklekv] {
    font-size: 1rem;
    font-weight: 600;
    color: #2469CE;
    margin: 0;
    text-align: center;
    line-height: 1.3;
}

.btn-delete[b-vcs9zklekv] {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    color: #999;
    cursor: pointer;
    padding: 5px;
    font-size: 1rem;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.app-card:hover .btn-delete[b-vcs9zklekv] {
    opacity: 1;
}

.btn-delete:hover[b-vcs9zklekv] {
    color: #e74c3c;
}

.error-toast[b-vcs9zklekv] {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    background: #e74c3c;
    color: white;
    padding: 15px 20px;
    border-radius: 10px;
    cursor: pointer;
    animation: slideUp-b-vcs9zklekv 0.3s ease;
}

@keyframes slideUp-b-vcs9zklekv {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Modal styles */
.modal-overlay[b-vcs9zklekv] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    z-index: 1000;
    animation: fadeIn-b-vcs9zklekv 0.2s ease;
}

@keyframes fadeIn-b-vcs9zklekv {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.modal-content[b-vcs9zklekv] {
    background: white;
    border-radius: 20px;
    padding: 30px;
    width: 100%;
    max-width: 400px;
    animation: scaleIn-b-vcs9zklekv 0.3s ease;
}

@keyframes scaleIn-b-vcs9zklekv {
    from {
        transform: scale(0.9);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.modal-content h3[b-vcs9zklekv] {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 5px 0;
    text-align: center;
}

.modal-subtitle[b-vcs9zklekv] {
    font-size: 0.9rem;
    color: #666;
    text-align: center;
    margin: 0 0 25px 0;
}

.form-group[b-vcs9zklekv] {
    margin-bottom: 15px;
}

.form-group label[b-vcs9zklekv] {
    display: block;
    font-size: 0.9rem;
    font-weight: 500;
    color: #555;
    margin-bottom: 5px;
}

.form-input[b-vcs9zklekv] {
    width: 100%;
    padding: 12px 15px;
    font-size: 1rem;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    outline: none;
    transition: all 0.3s ease;
}

.form-input:focus[b-vcs9zklekv] {
    border-color: #2469CE;
}

.login-error[b-vcs9zklekv] {
    background: #fdf2f2;
    color: #e74c3c;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 0.9rem;
    margin-bottom: 15px;
    text-align: center;
}

.modal-actions[b-vcs9zklekv] {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.btn-cancel[b-vcs9zklekv] {
    flex: 1;
    padding: 12px;
    background: #f0f0f0;
    color: #666;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-cancel:hover[b-vcs9zklekv] {
    background: #e0e0e0;
}

.btn-login[b-vcs9zklekv] {
    flex: 1;
    padding: 12px;
    background: #2469CE;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-login:hover:not(:disabled)[b-vcs9zklekv] {
    transform: translateY(-1px);
    background: #1a5bb8;
    box-shadow: 0 3px 15px rgba(36, 105, 206, 0.4);
}

.btn-login:disabled[b-vcs9zklekv] {
    opacity: 0.7;
    cursor: not-allowed;
}

.btn-login.loading[b-vcs9zklekv] {
    background: #999;
}

.btn-spinner[b-vcs9zklekv] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-vcs9zklekv 0.8s linear infinite;
}

/* Delete modal */
.delete-modal[b-vcs9zklekv] {
    text-align: center;
}

.delete-icon[b-vcs9zklekv] {
    font-size: 3rem;
    margin-bottom: 15px;
}

.delete-modal p[b-vcs9zklekv] {
    color: #666;
    margin: 0 0 20px 0;
}

.btn-delete-confirm[b-vcs9zklekv] {
    flex: 1;
    padding: 12px;
    background: #e74c3c;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-delete-confirm:hover[b-vcs9zklekv] {
    background: #c0392b;
}

/* Responsive */
@media (max-width: 600px) {
    .apps-list[b-vcs9zklekv] {
        gap: 20px;
        padding: 15px;
    }

    .app-card[b-vcs9zklekv] {
        width: 100%;
        padding: 25px 20px;
        min-height: 200px;
    }

    .app-logo-container[b-vcs9zklekv] {
        width: 180px;
        height: 140px;
    }

    .app-logo-placeholder[b-vcs9zklekv] {
        font-size: 3.5rem;
    }

    .app-name[b-vcs9zklekv] {
        font-size: 1.1rem;
        margin-top: 5px;
    }
}
/* /Pages/Auth/Login.razor.rz.scp.css */
.login-container[b-4lw9amocmn] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    padding: 1rem;
}

.login-card[b-4lw9amocmn] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    padding: 2rem;
    width: 100%;
    max-width: 400px;
    position: relative;
}

.login-header[b-4lw9amocmn] {
    text-align: center;
    margin-bottom: 2rem;
    position: relative;
}

.btn-back[b-4lw9amocmn] {
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #666;
    padding: 0.5rem;
}

.btn-back:hover[b-4lw9amocmn] {
    color: #333;
}

.login-title[b-4lw9amocmn] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.profile-name[b-4lw9amocmn] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #666;
    margin-top: 0.5rem;
}

.login-form[b-4lw9amocmn] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-group[b-4lw9amocmn] {
    display: flex;
    flex-direction: column;
}

.form-input[b-4lw9amocmn] {
    padding: 0.875rem 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    font-family: 'Proxima Nova', sans-serif;
    color: #333;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.form-input:focus[b-4lw9amocmn] {
    outline: none;
    border-color: #2469CE;
    box-shadow: 0 0 0 3px rgba(36, 105, 206, 0.1);
}

.form-input[b-4lw9amocmn]::placeholder {
    color: #999;
}

.form-input:disabled[b-4lw9amocmn] {
    background-color: #f5f5f5;
    cursor: not-allowed;
}

.btn-login[b-4lw9amocmn] {
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 0.875rem 1rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    margin-top: 0.5rem;
}

.btn-login:hover:not(:disabled)[b-4lw9amocmn] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(36, 105, 206, 0.4);
}

.btn-login:disabled[b-4lw9amocmn] {
    opacity: 0.7;
    cursor: not-allowed;
}

.loading-overlay[b-4lw9amocmn] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    z-index: 10;
}

.spinner[b-4lw9amocmn] {
    width: 40px;
    height: 40px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-4lw9amocmn 1s linear infinite;
}

@keyframes spin-b-4lw9amocmn {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.error-message[b-4lw9amocmn] {
    background: #fff5f5;
    border: 1px solid #feb2b2;
    color: #c53030;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    margin-top: 1rem;
    font-size: 0.875rem;
    text-align: center;
}

/* Responsive */
@media (max-width: 480px) {
    .login-card[b-4lw9amocmn] {
        padding: 1.5rem;
    }

    .login-title[b-4lw9amocmn] {
        font-size: 1.25rem;
    }
}
/* /Pages/Comercio/Cart.razor.rz.scp.css */
.cart-container[b-g2kfvvk561] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #f5f5f5;
}

.page-header[b-g2kfvvk561] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: linear-gradient(135deg, #ff5722 0%, #e64a19 100%);
    color: white;
    gap: 1rem;
}

.btn-back[b-g2kfvvk561], .btn-clear[b-g2kfvvk561] {
    background: rgba(255,255,255,0.2);
    border: none;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-back:hover[b-g2kfvvk561], .btn-clear:hover[b-g2kfvvk561] {
    background: rgba(255,255,255,0.3);
}

.page-title[b-g2kfvvk561] {
    flex: 1;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.content-area[b-g2kfvvk561] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.empty-state[b-g2kfvvk561] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    text-align: center;
    color: #666;
}

.empty-icon[b-g2kfvvk561] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-g2kfvvk561] {
    margin: 0 0 0.5rem;
    color: #333;
}

.btn-primary[b-g2kfvvk561] {
    margin-top: 1rem;
    padding: 0.75rem 1.5rem;
    background: #ff5722;
    color: white;
    border: none;
    border-radius: 25px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-primary:hover[b-g2kfvvk561] {
    background: #e64a19;
}

/* Vendor Header */
.vendor-header[b-g2kfvvk561] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: white;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.vendor-icon[b-g2kfvvk561] {
    font-size: 1.5rem;
}

.vendor-name[b-g2kfvvk561] {
    font-weight: 600;
    color: #333;
}

/* Cart Items */
.cart-items[b-g2kfvvk561] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
}

.cart-item[b-g2kfvvk561] {
    display: flex;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #f0f0f0;
    gap: 0.75rem;
}

.cart-item:last-child[b-g2kfvvk561] {
    border-bottom: none;
}

.item-image[b-g2kfvvk561] {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    overflow: hidden;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.item-image img[b-g2kfvvk561] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.placeholder-icon[b-g2kfvvk561] {
    font-size: 1.5rem;
    color: #ccc;
}

.item-details[b-g2kfvvk561] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.item-name[b-g2kfvvk561] {
    font-weight: 500;
    color: #333;
    font-size: 0.9rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-price[b-g2kfvvk561] {
    font-size: 0.85rem;
    color: #666;
}

.item-quantity[b-g2kfvvk561] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.qty-btn[b-g2kfvvk561] {
    width: 32px;
    height: 32px;
    border: 1px solid #e0e0e0;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.1rem;
    font-weight: bold;
    color: #ff5722;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qty-btn:hover[b-g2kfvvk561] {
    background: #fff3e0;
    border-color: #ff5722;
}

.qty-value[b-g2kfvvk561] {
    min-width: 30px;
    text-align: center;
    font-weight: 600;
}

.item-total[b-g2kfvvk561] {
    min-width: 70px;
    text-align: right;
    font-weight: 600;
    color: #ff5722;
}

.btn-remove[b-g2kfvvk561] {
    background: none;
    border: none;
    color: #999;
    cursor: pointer;
    padding: 0.5rem;
    font-size: 1rem;
}

.btn-remove:hover[b-g2kfvvk561] {
    color: #f44336;
}

/* Cart Totals */
.cart-totals[b-g2kfvvk561] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    padding: 1rem;
}

.total-row[b-g2kfvvk561] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    color: #666;
}

.total-row.main[b-g2kfvvk561] {
    padding-top: 0.75rem;
    margin-top: 0.5rem;
    border-top: 2px solid #e0e0e0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
}

.total-row.main span:last-child[b-g2kfvvk561] {
    color: #ff5722;
}

/* Cart Actions */
.cart-actions[b-g2kfvvk561] {
    margin-top: auto;
    padding: 1rem 0;
}

.btn-checkout[b-g2kfvvk561] {
    width: 100%;
    padding: 1rem 1.5rem;
    background: linear-gradient(135deg, #ff5722 0%, #e64a19 100%);
    color: white;
    border: none;
    border-radius: 25px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s;
}

.btn-checkout:hover[b-g2kfvvk561] {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(255, 87, 34, 0.4);
}

.checkout-amount[b-g2kfvvk561] {
    background: rgba(255,255,255,0.2);
    padding: 0.25rem 0.75rem;
    border-radius: 15px;
}

@media (max-width: 480px) {
    .cart-item[b-g2kfvvk561] {
        flex-wrap: wrap;
    }

    .item-total[b-g2kfvvk561] {
        min-width: auto;
    }

    .btn-checkout[b-g2kfvvk561] {
        font-size: 1rem;
    }
}
/* /Pages/Comercio/Checkout.razor.rz.scp.css */
.checkout-container[b-rzydetnh9c] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #f5f5f5;
}

.page-header[b-rzydetnh9c] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: linear-gradient(135deg, #1976D2 0%, #1565C0 100%);
    color: white;
    gap: 1rem;
}

.btn-back[b-rzydetnh9c] {
    background: rgba(255,255,255,0.2);
    border: none;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-back:hover[b-rzydetnh9c] {
    background: rgba(255,255,255,0.3);
}

.page-title[b-rzydetnh9c] {
    flex: 1;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.content-area[b-rzydetnh9c] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.loading-container[b-rzydetnh9c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    gap: 1rem;
}

.spinner[b-rzydetnh9c] {
    width: 40px;
    height: 40px;
    border: 3px solid #e0e0e0;
    border-top-color: #1976D2;
    border-radius: 50%;
    animation: spin-b-rzydetnh9c 1s linear infinite;
}

@keyframes spin-b-rzydetnh9c {
    to { transform: rotate(360deg); }
}

/* Order Summary Card */
.order-summary-card[b-rzydetnh9c],
.payment-methods-card[b-rzydetnh9c] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
}

.card-title[b-rzydetnh9c] {
    margin: 0;
    padding: 1rem;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    background: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
}

.vendor-info[b-rzydetnh9c] {
    display: flex;
    align-items: center;
    padding: 1rem;
    gap: 1rem;
    border-bottom: 1px solid #f0f0f0;
}

.vendor-icon[b-rzydetnh9c] {
    font-size: 2rem;
}

.vendor-details[b-rzydetnh9c] {
    display: flex;
    flex-direction: column;
}

.vendor-name[b-rzydetnh9c] {
    font-weight: 600;
    color: #333;
}

.vendor-address[b-rzydetnh9c] {
    font-size: 0.85rem;
    color: #666;
}

.order-items[b-rzydetnh9c] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f0f0f0;
}

.order-item[b-rzydetnh9c] {
    display: flex;
    padding: 0.5rem 0;
    gap: 0.5rem;
}

.item-qty[b-rzydetnh9c] {
    color: #1976D2;
    font-weight: 600;
    min-width: 40px;
}

.item-name[b-rzydetnh9c] {
    flex: 1;
    color: #333;
}

.item-price[b-rzydetnh9c] {
    font-weight: 500;
}

.order-totals[b-rzydetnh9c] {
    padding: 0.75rem 1rem;
}

.total-row[b-rzydetnh9c] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    color: #666;
}

.total-row.main[b-rzydetnh9c] {
    padding-top: 0.75rem;
    margin-top: 0.5rem;
    border-top: 2px solid #e0e0e0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
}

.total-row.main span:last-child[b-rzydetnh9c] {
    color: #1976D2;
}

/* Payment Methods */
.payment-options[b-rzydetnh9c] {
    padding: 0.5rem;
}

.payment-option[b-rzydetnh9c] {
    display: flex;
    align-items: center;
    padding: 1rem;
    margin: 0.5rem;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s;
    gap: 1rem;
}

.payment-option:hover[b-rzydetnh9c] {
    border-color: #90caf9;
    background: #f8f9fa;
}

.payment-option.selected[b-rzydetnh9c] {
    border-color: #1976D2;
    background: #e3f2fd;
}

.payment-icon[b-rzydetnh9c] {
    font-size: 1.5rem;
    width: 40px;
    text-align: center;
}

.payment-info[b-rzydetnh9c] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.payment-name[b-rzydetnh9c] {
    font-weight: 500;
    color: #333;
}

.payment-detail[b-rzydetnh9c] {
    font-size: 0.85rem;
    color: #666;
}

.check-icon[b-rzydetnh9c] {
    color: #1976D2;
    font-size: 1.25rem;
    font-weight: bold;
}

/* Checkout Actions */
.checkout-actions[b-rzydetnh9c] {
    padding: 1rem 0;
    margin-top: auto;
}

.btn-pay[b-rzydetnh9c] {
    width: 100%;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, #1976D2 0%, #1565C0 100%);
    color: white;
    border: none;
    border-radius: 25px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: all 0.3s;
}

.btn-pay:hover:not(:disabled)[b-rzydetnh9c] {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(25, 118, 210, 0.4);
}

.btn-pay:disabled[b-rzydetnh9c] {
    background: #ccc;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.btn-pay.processing[b-rzydetnh9c] {
    background: #90caf9;
}

.btn-spinner[b-rzydetnh9c] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-rzydetnh9c 1s linear infinite;
}

/* Modal */
.modal-overlay[b-rzydetnh9c] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.modal-content[b-rzydetnh9c] {
    background: white;
    border-radius: 16px;
    padding: 2rem;
    max-width: 350px;
    width: 100%;
    text-align: center;
}

.modal-icon[b-rzydetnh9c] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    font-size: 2rem;
    color: white;
}

.modal-content.success .modal-icon[b-rzydetnh9c] {
    background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);
}

.modal-content.error .modal-icon[b-rzydetnh9c] {
    background: linear-gradient(135deg, #f44336 0%, #d32f2f 100%);
}

.modal-content h3[b-rzydetnh9c] {
    margin: 0 0 0.5rem;
    font-size: 1.25rem;
}

.modal-content p[b-rzydetnh9c] {
    margin: 0 0 1.5rem;
    color: #666;
}

.btn-modal[b-rzydetnh9c] {
    width: 100%;
    padding: 0.875rem 1.5rem;
    background: #1976D2;
    color: white;
    border: none;
    border-radius: 25px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-modal:hover[b-rzydetnh9c] {
    background: #1565C0;
}

@media (max-width: 480px) {
    .payment-option[b-rzydetnh9c] {
        padding: 0.75rem;
    }
}
/* /Pages/Comercio/InvoiceDetail.razor.rz.scp.css */
.invoice-container[b-6s88e1tr6q] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.page-header[b-6s88e1tr6q] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-6s88e1tr6q] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.page-title[b-6s88e1tr6q] {
    flex: 1;
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.header-icon[b-6s88e1tr6q] {
    font-size: 1.5rem;
}

.content-area[b-6s88e1tr6q] {
    flex: 1;
    padding: 1rem;
}

.loading-container[b-6s88e1tr6q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.spinner[b-6s88e1tr6q] {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top: 4px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-6s88e1tr6q 1s linear infinite;
}

@keyframes spin-b-6s88e1tr6q {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.empty-state[b-6s88e1tr6q] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-6s88e1tr6q] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-6s88e1tr6q] {
    color: #333;
    margin-bottom: 0.5rem;
}

.empty-state p[b-6s88e1tr6q] {
    color: #666;
    margin-bottom: 1.5rem;
}

.btn-primary[b-6s88e1tr6q] {
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

.invoice-header-card[b-6s88e1tr6q] {
    background: white;
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.invoice-row[b-6s88e1tr6q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0.75rem;
}

.invoice-row .label[b-6s88e1tr6q] {
    color: #333;
    font-size: 0.9rem;
}

.invoice-row .value[b-6s88e1tr6q] {
    font-weight: 600;
    color: #333;
}

.invoice-row .value.highlight[b-6s88e1tr6q] {
    color: #2469CE;
}

.invoice-vendor-name[b-6s88e1tr6q] {
    text-align: center;
    font-size: 1.1rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 0.5rem;
}

.invoice-address[b-6s88e1tr6q],
.invoice-city[b-6s88e1tr6q] {
    text-align: center;
    color: #666;
    font-size: 0.9rem;
}

.invoice-lines-card[b-6s88e1tr6q] {
    background: white;
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.section-title[b-6s88e1tr6q] {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.lines-list[b-6s88e1tr6q] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.line-item[b-6s88e1tr6q] {
    background: #f9f9f9;
    border-radius: 10px;
    padding: 0.75rem;
}

.line-description[b-6s88e1tr6q] {
    font-weight: 600;
    color: #333;
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
}

.line-details[b-6s88e1tr6q] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.line-qty[b-6s88e1tr6q] {
    font-weight: 600;
    color: #2469CE;
}

.line-unit[b-6s88e1tr6q] {
    color: #333;
}

.line-separator[b-6s88e1tr6q] {
    color: #999;
}

.line-price[b-6s88e1tr6q] {
    color: #333;
}

.line-amount[b-6s88e1tr6q] {
    margin-left: auto;
    font-weight: 600;
    color: #333;
}

.no-lines[b-6s88e1tr6q] {
    text-align: center;
    color: #999;
    padding: 1rem;
}

.invoice-totals-card[b-6s88e1tr6q] {
    background: white;
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.total-row[b-6s88e1tr6q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
}

.total-label[b-6s88e1tr6q] {
    color: #333;
    font-style: italic;
}

.total-value[b-6s88e1tr6q] {
    font-weight: 600;
    color: #333;
}

.total-row.final[b-6s88e1tr6q] {
    border-top: 1px solid #e0e0e0;
    margin-top: 0.5rem;
    padding-top: 1rem;
}

.total-row.final .total-label[b-6s88e1tr6q],
.total-row.final .total-value[b-6s88e1tr6q] {
    font-size: 1.1rem;
    font-weight: 700;
}

/* Responsive */
@media (min-width: 768px) {
    .content-area[b-6s88e1tr6q] {
        max-width: 600px;
        margin: 0 auto;
    }
}
/* /Pages/Comercio/InvoiceList.razor.rz.scp.css */
.invoices-container[b-yzj3fn4ve4] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.page-header[b-yzj3fn4ve4] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-yzj3fn4ve4] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.header-info[b-yzj3fn4ve4] {
    flex: 1;
    min-width: 0;
}

.page-title[b-yzj3fn4ve4] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.vendor-badge[b-yzj3fn4ve4] {
    display: block;
    font-size: 0.8rem;
    color: #2469CE;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-section[b-yzj3fn4ve4] {
    padding: 1rem;
    background: white;
    border-bottom: 1px solid #e0e0e0;
}

.search-box[b-yzj3fn4ve4] {
    display: flex;
    align-items: center;
    background: #f5f5f5;
    border-radius: 12px;
    padding: 0.75rem 1rem;
    gap: 0.75rem;
}

.search-icon[b-yzj3fn4ve4] {
    color: #999;
    font-size: 1.1rem;
}

.search-box input[b-yzj3fn4ve4] {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 1rem;
    outline: none;
}

.btn-clear-search[b-yzj3fn4ve4] {
    background: #ddd;
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 0.8rem;
    cursor: pointer;
    color: #666;
}

.content-area[b-yzj3fn4ve4] {
    flex: 1;
    padding: 1rem;
}

.loading-container[b-yzj3fn4ve4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.spinner[b-yzj3fn4ve4] {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top: 4px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-yzj3fn4ve4 1s linear infinite;
}

@keyframes spin-b-yzj3fn4ve4 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.empty-state[b-yzj3fn4ve4] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-yzj3fn4ve4] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-yzj3fn4ve4] {
    color: #333;
    margin-bottom: 0.5rem;
}

.empty-state p[b-yzj3fn4ve4] {
    color: #666;
    margin-bottom: 1.5rem;
}

.btn-primary[b-yzj3fn4ve4] {
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

.invoices-list[b-yzj3fn4ve4] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.invoice-card[b-yzj3fn4ve4] {
    background: white;
    border-radius: 12px;
    padding: 1rem;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.invoice-card:hover[b-yzj3fn4ve4] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.invoice-header[b-yzj3fn4ve4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.invoice-vendor[b-yzj3fn4ve4] {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
}

.invoice-status[b-yzj3fn4ve4] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    background: #e0e0e0;
    color: #666;
}

.invoice-status.paid[b-yzj3fn4ve4] {
    background: #10b981;
    color: white;
}

.invoice-status.pending[b-yzj3fn4ve4] {
    background: #f59e0b;
    color: white;
}

.invoice-status.overdue[b-yzj3fn4ve4] {
    background: #ef4444;
    color: white;
}

.invoice-body[b-yzj3fn4ve4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.invoice-number[b-yzj3fn4ve4] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #2469CE;
}

.invoice-date[b-yzj3fn4ve4] {
    font-size: 0.9rem;
    color: #666;
}

.invoice-footer[b-yzj3fn4ve4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.invoice-amount[b-yzj3fn4ve4] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #333;
}

.view-arrow[b-yzj3fn4ve4] {
    font-size: 1.5rem;
    color: #999;
}

.swipe-actions[b-yzj3fn4ve4] {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: white;
    padding: 0.5rem;
    gap: 0.5rem;
    align-items: center;
}

.invoice-card:hover .swipe-actions[b-yzj3fn4ve4] {
    display: flex;
}

.btn-action[b-yzj3fn4ve4] {
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    transition: transform 0.2s;
}

.btn-action:hover[b-yzj3fn4ve4] {
    transform: scale(1.05);
}

.btn-action.view[b-yzj3fn4ve4] {
    background: #3b82f6;
    color: white;
}

.btn-action.repeat[b-yzj3fn4ve4] {
    background: #f97316;
    color: white;
}

/* Responsive */
@media (min-width: 768px) {
    .content-area[b-yzj3fn4ve4] {
        max-width: 800px;
        margin: 0 auto;
    }

    .invoices-list[b-yzj3fn4ve4] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .swipe-actions[b-yzj3fn4ve4] {
        display: flex;
        position: static;
        background: transparent;
        padding: 0.75rem 0 0 0;
        justify-content: flex-end;
        border-top: 1px solid #f0f0f0;
        margin-top: 0.75rem;
    }
}
/* /Pages/Comercio/OrderSuccess.razor.rz.scp.css */
.success-container[b-exfyl0eo2p] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.success-content[b-exfyl0eo2p] {
    background: white;
    border-radius: 16px;
    padding: 2.5rem;
    max-width: 400px;
    width: 100%;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

.success-icon[b-exfyl0eo2p] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    font-size: 2.5rem;
    color: white;
    animation: scaleIn-b-exfyl0eo2p 0.5s ease;
}

.success-icon.error[b-exfyl0eo2p] {
    background: linear-gradient(135deg, #f44336 0%, #d32f2f 100%);
}

@keyframes scaleIn-b-exfyl0eo2p {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.success-title[b-exfyl0eo2p] {
    margin: 0 0 0.75rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: #333;
}

.success-message[b-exfyl0eo2p] {
    margin: 0 0 1.5rem;
    color: #4caf50;
    font-weight: 500;
    font-size: 1.1rem;
}

.success-icon.error + h1 + .success-message[b-exfyl0eo2p] {
    color: #f44336;
}

.success-details[b-exfyl0eo2p] {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.success-details p[b-exfyl0eo2p] {
    margin: 0.25rem 0;
    color: #666;
    font-size: 0.9rem;
}

.success-actions[b-exfyl0eo2p] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.btn-primary[b-exfyl0eo2p] {
    width: 100%;
    padding: 0.875rem 1.5rem;
    background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);
    color: white;
    border: none;
    border-radius: 25px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
}

.btn-primary:hover[b-exfyl0eo2p] {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(76, 175, 80, 0.4);
}

.btn-secondary[b-exfyl0eo2p] {
    width: 100%;
    padding: 0.875rem 1.5rem;
    background: white;
    color: #666;
    border: 2px solid #e0e0e0;
    border-radius: 25px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
}

.btn-secondary:hover[b-exfyl0eo2p] {
    border-color: #4caf50;
    color: #4caf50;
}

@media (max-width: 480px) {
    .success-content[b-exfyl0eo2p] {
        padding: 1.5rem;
    }

    .success-icon[b-exfyl0eo2p] {
        width: 60px;
        height: 60px;
        font-size: 2rem;
    }
}
/* /Pages/Comercio/Stats.razor.rz.scp.css */
.stats-container[b-wh60hn3d5m] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #f5f5f5;
}

.page-header[b-wh60hn3d5m] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: linear-gradient(135deg, #673ab7 0%, #512da8 100%);
    color: white;
    gap: 1rem;
}

.btn-back[b-wh60hn3d5m], .btn-icon[b-wh60hn3d5m] {
    background: rgba(255,255,255,0.2);
    border: none;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-back:hover[b-wh60hn3d5m], .btn-icon:hover[b-wh60hn3d5m] {
    background: rgba(255,255,255,0.3);
}

.page-title[b-wh60hn3d5m] {
    flex: 1;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.header-actions[b-wh60hn3d5m] {
    display: flex;
    gap: 0.5rem;
}

.content-area[b-wh60hn3d5m] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.loading-container[b-wh60hn3d5m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    gap: 1rem;
}

.spinner[b-wh60hn3d5m] {
    width: 40px;
    height: 40px;
    border: 3px solid #e0e0e0;
    border-top-color: #673ab7;
    border-radius: 50%;
    animation: spin-b-wh60hn3d5m 1s linear infinite;
}

.spinner.small[b-wh60hn3d5m] {
    width: 24px;
    height: 24px;
    border-width: 2px;
}

@keyframes spin-b-wh60hn3d5m {
    to { transform: rotate(360deg); }
}

.empty-state[b-wh60hn3d5m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    text-align: center;
    color: #666;
}

.empty-icon[b-wh60hn3d5m] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-wh60hn3d5m] {
    margin: 0 0 0.5rem;
    color: #333;
}

/* Summary Card */
.summary-card[b-wh60hn3d5m] {
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #673ab7 0%, #9575cd 100%);
    border-radius: 12px;
    padding: 1.5rem;
    gap: 1rem;
    color: white;
    box-shadow: 0 4px 15px rgba(103, 58, 183, 0.3);
}

.summary-icon[b-wh60hn3d5m] {
    font-size: 2.5rem;
}

.summary-info[b-wh60hn3d5m] {
    display: flex;
    flex-direction: column;
}

.summary-label[b-wh60hn3d5m] {
    font-size: 0.875rem;
    opacity: 0.9;
}

.summary-value[b-wh60hn3d5m] {
    font-size: 1.75rem;
    font-weight: 700;
}

/* Vendors Stats Card */
.vendors-stats-card[b-wh60hn3d5m],
.products-stats-card[b-wh60hn3d5m] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
}

.card-title[b-wh60hn3d5m] {
    margin: 0;
    padding: 1rem;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    background: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
}

.vendors-list[b-wh60hn3d5m],
.products-list[b-wh60hn3d5m] {
    padding: 0.5rem;
}

.vendor-stat-item[b-wh60hn3d5m] {
    padding: 1rem;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    transition: background 0.2s;
}

.vendor-stat-item:last-child[b-wh60hn3d5m] {
    border-bottom: none;
}

.vendor-stat-item:hover[b-wh60hn3d5m] {
    background: #f8f9fa;
}

.vendor-stat-item.selected[b-wh60hn3d5m] {
    background: #ede7f6;
    border-left: 3px solid #673ab7;
}

.vendor-stat-info[b-wh60hn3d5m] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.5rem;
}

.vendor-stat-name[b-wh60hn3d5m] {
    font-weight: 600;
    color: #333;
}

.vendor-stat-code[b-wh60hn3d5m] {
    font-size: 0.8rem;
    color: #999;
}

.vendor-stat-amount[b-wh60hn3d5m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.vendor-stat-amount .amount[b-wh60hn3d5m] {
    font-weight: 600;
    color: #673ab7;
}

.vendor-stat-amount .percentage[b-wh60hn3d5m] {
    font-size: 0.85rem;
    color: #666;
}

.progress-bar[b-wh60hn3d5m] {
    height: 6px;
    background: #e0e0e0;
    border-radius: 3px;
    overflow: hidden;
}

.progress-fill[b-wh60hn3d5m] {
    height: 100%;
    background: linear-gradient(90deg, #673ab7 0%, #9575cd 100%);
    border-radius: 3px;
    transition: width 0.3s ease;
}

/* Products Stats */
.product-stat-item[b-wh60hn3d5m] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f0f0f0;
}

.product-stat-item:last-child[b-wh60hn3d5m] {
    border-bottom: none;
}

.product-stat-info[b-wh60hn3d5m] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.5rem;
}

.product-stat-name[b-wh60hn3d5m] {
    font-weight: 500;
    color: #333;
    font-size: 0.9rem;
}

.product-stat-code[b-wh60hn3d5m] {
    font-size: 0.75rem;
    color: #999;
}

.product-stat-values[b-wh60hn3d5m] {
    display: flex;
    gap: 2rem;
}

.product-qty[b-wh60hn3d5m],
.product-amount[b-wh60hn3d5m] {
    display: flex;
    flex-direction: column;
}

.product-qty .label[b-wh60hn3d5m],
.product-amount .label[b-wh60hn3d5m] {
    font-size: 0.7rem;
    color: #999;
    text-transform: uppercase;
}

.product-qty .value[b-wh60hn3d5m],
.product-amount .value[b-wh60hn3d5m] {
    font-weight: 600;
    color: #333;
}

.product-amount .value[b-wh60hn3d5m] {
    color: #673ab7;
}

.loading-products[b-wh60hn3d5m] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    gap: 0.75rem;
    color: #666;
}

@media (max-width: 480px) {
    .summary-card[b-wh60hn3d5m] {
        padding: 1rem;
    }

    .summary-value[b-wh60hn3d5m] {
        font-size: 1.5rem;
    }
}
/* /Pages/Comercio/StripeCard.razor.rz.scp.css */
.stripe-card-container[b-8hjw5cvz7t] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #f5f5f5;
}

.page-header[b-8hjw5cvz7t] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: linear-gradient(135deg, #1976D2 0%, #1565C0 100%);
    color: white;
    gap: 1rem;
}

.btn-back[b-8hjw5cvz7t] {
    background: rgba(255,255,255,0.2);
    border: none;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-back:hover[b-8hjw5cvz7t] {
    background: rgba(255,255,255,0.3);
}

.page-title[b-8hjw5cvz7t] {
    flex: 1;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.content-area[b-8hjw5cvz7t] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
}

.loading-container[b-8hjw5cvz7t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    gap: 1rem;
}

.spinner[b-8hjw5cvz7t] {
    width: 40px;
    height: 40px;
    border: 3px solid #e0e0e0;
    border-top-color: #1976D2;
    border-radius: 50%;
    animation: spin-b-8hjw5cvz7t 1s linear infinite;
}

@keyframes spin-b-8hjw5cvz7t {
    to { transform: rotate(360deg); }
}

/* Card Form Container */
.card-form-container[b-8hjw5cvz7t] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    max-width: 450px;
    margin: 0 auto;
    width: 100%;
}

.card-brands[b-8hjw5cvz7t] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.card-brands img[b-8hjw5cvz7t] {
    height: 28px;
}

.card-element[b-8hjw5cvz7t] {
    padding: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: #fafafa;
    min-height: 50px;
}

.card-error[b-8hjw5cvz7t] {
    color: #e53935;
    font-size: 0.875rem;
    margin-top: 0.75rem;
    padding: 0.5rem;
    background: #ffebee;
    border-radius: 4px;
}

.save-card-option[b-8hjw5cvz7t] {
    margin: 1.5rem 0;
}

.checkbox-label[b-8hjw5cvz7t] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    font-size: 0.9rem;
    color: #666;
}

.checkbox-label input[type="checkbox"][b-8hjw5cvz7t] {
    width: 20px;
    height: 20px;
    accent-color: #1976D2;
}

.btn-confirm[b-8hjw5cvz7t] {
    width: 100%;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, #1976D2 0%, #1565C0 100%);
    color: white;
    border: none;
    border-radius: 25px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: all 0.3s;
}

.btn-confirm:hover:not(:disabled)[b-8hjw5cvz7t] {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(25, 118, 210, 0.4);
}

.btn-confirm:disabled[b-8hjw5cvz7t] {
    background: #ccc;
    cursor: not-allowed;
    transform: none;
}

.btn-confirm.processing[b-8hjw5cvz7t] {
    background: #90caf9;
}

.btn-spinner[b-8hjw5cvz7t] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-8hjw5cvz7t 1s linear infinite;
}

/* Iframe Container */
.card-iframe-container[b-8hjw5cvz7t] {
    flex: 1;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    max-width: 450px;
    margin: 0 auto;
    width: 100%;
    min-height: 400px;
}

.stripe-iframe[b-8hjw5cvz7t] {
    width: 100%;
    height: 100%;
    min-height: 400px;
    border: none;
}

/* Secure Badge */
.secure-badge[b-8hjw5cvz7t] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: auto;
    padding: 1rem;
    color: #666;
    font-size: 0.85rem;
}

.secure-icon[b-8hjw5cvz7t] {
    font-size: 1rem;
}

@media (max-width: 480px) {
    .card-form-container[b-8hjw5cvz7t] {
        padding: 1rem;
    }

    .btn-confirm[b-8hjw5cvz7t] {
        font-size: 1rem;
        padding: 0.875rem 1.5rem;
    }
}
/* /Pages/Comercio/VendorList.razor.rz.scp.css */
.vendors-container[b-x89b20dbcf] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.page-header[b-x89b20dbcf] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-x89b20dbcf] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.page-title[b-x89b20dbcf] {
    flex: 1;
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.search-section[b-x89b20dbcf] {
    padding: 1rem;
    background: white;
    border-bottom: 1px solid #e0e0e0;
}

.search-box[b-x89b20dbcf] {
    display: flex;
    align-items: center;
    background: #f5f5f5;
    border-radius: 12px;
    padding: 0.75rem 1rem;
    gap: 0.75rem;
}

.search-icon[b-x89b20dbcf] {
    color: #999;
    font-size: 1.1rem;
}

.search-box input[b-x89b20dbcf] {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 1rem;
    outline: none;
}

.btn-clear-search[b-x89b20dbcf] {
    background: #ddd;
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 0.8rem;
    cursor: pointer;
    color: #666;
}

.content-area[b-x89b20dbcf] {
    flex: 1;
    padding: 1rem;
}

.loading-container[b-x89b20dbcf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.spinner[b-x89b20dbcf] {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top: 4px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-x89b20dbcf 1s linear infinite;
}

@keyframes spin-b-x89b20dbcf {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.empty-state[b-x89b20dbcf] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-x89b20dbcf] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-x89b20dbcf] {
    color: #333;
    margin-bottom: 0.5rem;
}

.empty-state p[b-x89b20dbcf] {
    color: #666;
    margin-bottom: 1.5rem;
}

.btn-primary[b-x89b20dbcf] {
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

.vendors-grid[b-x89b20dbcf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 1rem;
}

.vendor-card[b-x89b20dbcf] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.vendor-card:hover[b-x89b20dbcf] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.vendor-image[b-x89b20dbcf] {
    height: 140px;
    background: linear-gradient(135deg, #f0fafa 0%, #e0f7f7 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.vendor-image img[b-x89b20dbcf] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 1rem;
}

.placeholder-icon[b-x89b20dbcf] {
    font-size: 3rem;
    color: #2469CE;
    opacity: 0.5;
}

.vendor-info[b-x89b20dbcf] {
    padding: 1rem;
    text-align: center;
}

.vendor-name[b-x89b20dbcf] {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 0.25rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vendor-code[b-x89b20dbcf] {
    font-size: 0.8rem;
    color: #999;
}

/* Responsive */
@media (min-width: 768px) {
    .content-area[b-x89b20dbcf] {
        max-width: 1000px;
        margin: 0 auto;
    }

    .vendors-grid[b-x89b20dbcf] {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
}
/* /Pages/Compras/Cart.razor.rz.scp.css */
.cart-container[b-urzb5v0ivi] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.cart-header[b-urzb5v0ivi] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-urzb5v0ivi] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.cart-title[b-urzb5v0ivi] {
    flex: 1;
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.btn-clear[b-urzb5v0ivi] {
    background: transparent;
    border: 1px solid #ef4444;
    color: #ef4444;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-clear:hover[b-urzb5v0ivi] {
    background: #ef4444;
    color: white;
}

.vendor-banner[b-urzb5v0ivi] {
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    padding: 0.75rem 1rem;
    text-align: center;
    font-weight: 600;
}

.cart-content[b-urzb5v0ivi] {
    flex: 1;
    padding: 1rem;
    padding-bottom: 120px;
}

.empty-cart[b-urzb5v0ivi] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-urzb5v0ivi] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-cart h2[b-urzb5v0ivi] {
    color: #333;
    margin-bottom: 0.5rem;
}

.empty-cart p[b-urzb5v0ivi] {
    color: #666;
    margin-bottom: 1.5rem;
}

.cart-items[b-urzb5v0ivi] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.cart-item[b-urzb5v0ivi] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    position: relative;
}

.item-info[b-urzb5v0ivi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.item-name[b-urzb5v0ivi] {
    font-weight: 600;
    color: #333;
    font-size: 0.95rem;
}

.item-code[b-urzb5v0ivi] {
    font-size: 0.8rem;
    color: #999;
}

.item-price[b-urzb5v0ivi] {
    font-size: 0.85rem;
    color: #666;
}

.item-actions[b-urzb5v0ivi] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.5rem;
}

.quantity-controls[b-urzb5v0ivi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #f5f5f5;
    border-radius: 25px;
    padding: 0.25rem;
}

.btn-quantity[b-urzb5v0ivi] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: white;
    border: 1px solid #e0e0e0;
    color: #333;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.btn-quantity:hover[b-urzb5v0ivi] {
    background: #2469CE;
    color: white;
    border-color: #2469CE;
}

.quantity-input[b-urzb5v0ivi] {
    width: 50px;
    text-align: center;
    border: none;
    background: transparent;
    font-weight: 700;
    font-size: 1rem;
    color: #333;
}

.quantity-input:focus[b-urzb5v0ivi] {
    outline: none;
}

.quantity-input[b-urzb5v0ivi]::-webkit-outer-spin-button,
.quantity-input[b-urzb5v0ivi]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.item-total[b-urzb5v0ivi] {
    font-weight: 700;
    color: #2469CE;
    font-size: 1rem;
}

.btn-remove[b-urzb5v0ivi] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: transparent;
    border: none;
    color: #999;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0.25rem;
    line-height: 1;
    transition: color 0.2s;
}

.btn-remove:hover[b-urzb5v0ivi] {
    color: #ef4444;
}

.cart-summary[b-urzb5v0ivi] {
    background: white;
    border-radius: 12px;
    padding: 1rem;
    margin-top: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.summary-row[b-urzb5v0ivi] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    color: #666;
}

.summary-row.total[b-urzb5v0ivi] {
    border-top: 1px solid #e0e0e0;
    margin-top: 0.5rem;
    padding-top: 1rem;
    font-weight: 700;
    font-size: 1.1rem;
    color: #333;
}

.cart-footer[b-urzb5v0ivi] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    padding: 1rem;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
}

.btn-checkout[b-urzb5v0ivi] {
    width: 100%;
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border: none;
    border-radius: 12px;
    padding: 1rem;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    transition: transform 0.2s, box-shadow 0.2s;
}

.btn-checkout:hover:not(:disabled)[b-urzb5v0ivi] {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(36, 105, 206, 0.4);
}

.btn-checkout:disabled[b-urzb5v0ivi] {
    opacity: 0.7;
    cursor: not-allowed;
}

.btn-checkout.loading[b-urzb5v0ivi] {
    opacity: 0.8;
}

.btn-spinner[b-urzb5v0ivi] {
    width: 24px;
    height: 24px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top: 3px solid white;
    border-radius: 50%;
    animation: spin-b-urzb5v0ivi 1s linear infinite;
}

.checkout-total[b-urzb5v0ivi] {
    background: rgba(255, 255, 255, 0.2);
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
}

@keyframes spin-b-urzb5v0ivi {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Modal */
.modal-overlay[b-urzb5v0ivi] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    padding: 1rem;
}

.modal-content[b-urzb5v0ivi] {
    background: white;
    border-radius: 16px;
    padding: 2rem;
    max-width: 400px;
    width: 100%;
    text-align: center;
}

.modal-content h3[b-urzb5v0ivi] {
    color: #333;
    margin-bottom: 0.5rem;
}

.modal-content p[b-urzb5v0ivi] {
    color: #666;
    margin-bottom: 1.5rem;
}

.modal-actions[b-urzb5v0ivi] {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
}

.modal-actions .btn[b-urzb5v0ivi] {
    flex: 1;
}

/* Responsive */
@media (min-width: 768px) {
    .cart-content[b-urzb5v0ivi] {
        max-width: 600px;
        margin: 0 auto;
    }

    .cart-footer[b-urzb5v0ivi] {
        max-width: 600px;
        left: 50%;
        transform: translateX(-50%);
    }
}
/* /Pages/Compras/Catalog.razor.rz.scp.css */
.catalog-container[b-xo8j0kz1xd] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.catalog-header[b-xo8j0kz1xd] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-xo8j0kz1xd] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.btn-icon[b-xo8j0kz1xd] {
    width: 24px;
    height: 24px;
}

.search-container[b-xo8j0kz1xd] {
    flex: 1;
}

.search-input[b-xo8j0kz1xd] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    background: #f9f9f9;
}

.search-input:focus[b-xo8j0kz1xd] {
    outline: none;
    border-color: #2469CE;
    background: white;
}

.header-icon[b-xo8j0kz1xd] {
    width: 40px;
    height: 40px;
}

.header-spinner[b-xo8j0kz1xd] {
    width: 30px;
    height: 30px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-xo8j0kz1xd 1s linear infinite;
}

.catalog-content[b-xo8j0kz1xd] {
    flex: 1;
    padding: 1rem;
    padding-bottom: 100px;
}

.loading-container[b-xo8j0kz1xd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    gap: 1rem;
}

.spinner[b-xo8j0kz1xd] {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-xo8j0kz1xd 1s linear infinite;
}

@keyframes spin-b-xo8j0kz1xd {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.empty-state[b-xo8j0kz1xd] {
    text-align: center;
    padding: 3rem;
    color: #666;
}

/* Lista de familias - mismo estilo que VendorList */
.familias-list[b-xo8j0kz1xd] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.familia-card[b-xo8j0kz1xd] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.familia-card:hover[b-xo8j0kz1xd] {
    border-color: #2469CE;
    transform: translateX(4px);
    box-shadow: 0 4px 12px rgba(36, 105, 206, 0.15);
}

.familia-card.loading[b-xo8j0kz1xd] {
    opacity: 0.7;
    pointer-events: none;
}

.familia-info[b-xo8j0kz1xd] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}

.familia-logo[b-xo8j0kz1xd] {
    width: 50px;
    height: 50px;
    object-fit: contain;
    border-radius: 8px;
}

.familia-avatar[b-xo8j0kz1xd] {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.1rem;
}

.familia-details[b-xo8j0kz1xd] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
}

.familia-name[b-xo8j0kz1xd] {
    font-weight: 600;
    color: #333;
    font-size: 1rem;
}

.familia-traduccion[b-xo8j0kz1xd] {
    font-size: 0.85rem;
    color: #666;
}

.familia-spinner[b-xo8j0kz1xd] {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    border: 3px solid rgba(36, 105, 206, 0.2);
    border-top: 3px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-xo8j0kz1xd 0.8s linear infinite;
}

/* Floating Cart */
.floating-cart[b-xo8j0kz1xd] {
    position: fixed;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    padding: 1rem 1.5rem;
    border-radius: 25px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(36, 105, 206, 0.4);
    transition: transform 0.2s;
    z-index: 100;
}

.floating-cart:hover[b-xo8j0kz1xd] {
    transform: translateX(-50%) translateY(-4px);
}

.cart-total[b-xo8j0kz1xd] {
    font-weight: 700;
}

.cart-icon[b-xo8j0kz1xd] {
    width: 30px;
    height: 30px;
}

/* Responsive */
@media (min-width: 768px) {
    .familias-list[b-xo8j0kz1xd] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .catalog-content[b-xo8j0kz1xd] {
        max-width: 1200px;
        margin: 0 auto;
    }

    .familias-list[b-xo8j0kz1xd] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Pages/Compras/DeliveryNotes.razor.rz.scp.css */
.delivery-container[b-6lhawr9yq2] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.page-header[b-6lhawr9yq2] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-6lhawr9yq2] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.page-title[b-6lhawr9yq2] {
    flex: 1;
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.header-actions[b-6lhawr9yq2] {
    display: flex;
    gap: 0.5rem;
}

.btn-icon[b-6lhawr9yq2] {
    background: transparent;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #666;
}

.search-bar[b-6lhawr9yq2] {
    padding: 0.75rem 1rem;
    background: white;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
}

.search-input[b-6lhawr9yq2] {
    width: 100%;
    padding: 0.75rem 2.5rem 0.75rem 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
}

.btn-clear-search[b-6lhawr9yq2] {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    background: #e0e0e0;
    border: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0.75rem;
    color: #666;
}

.content-area[b-6lhawr9yq2] {
    flex: 1;
    padding: 1rem;
}

.loading-container[b-6lhawr9yq2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.spinner[b-6lhawr9yq2] {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top: 4px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-6lhawr9yq2 1s linear infinite;
}

@keyframes spin-b-6lhawr9yq2 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.empty-state[b-6lhawr9yq2] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-6lhawr9yq2] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-6lhawr9yq2] {
    color: #333;
    margin-bottom: 0.5rem;
}

.empty-state p[b-6lhawr9yq2] {
    color: #666;
}

.summary-card[b-6lhawr9yq2] {
    display: flex;
    justify-content: space-around;
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1rem;
}

.summary-item[b-6lhawr9yq2] {
    text-align: center;
}

.summary-value[b-6lhawr9yq2] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
}

.summary-label[b-6lhawr9yq2] {
    display: block;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
}

.deliveries-list[b-6lhawr9yq2] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.delivery-card[b-6lhawr9yq2] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    cursor: pointer;
}

.delivery-header[b-6lhawr9yq2] {
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.delivery-icon[b-6lhawr9yq2] {
    font-size: 1.5rem;
}

.icon-attached[b-6lhawr9yq2] {
    color: #4caf50;
}

.icon-default[b-6lhawr9yq2] {
    color: #999;
}

.delivery-info[b-6lhawr9yq2] {
    flex: 1;
}

.delivery-number[b-6lhawr9yq2] {
    display: block;
    font-weight: 700;
    color: #2469CE;
}

.delivery-vendor[b-6lhawr9yq2] {
    display: block;
    font-weight: 500;
    color: #333;
    font-size: 0.875rem;
}

.delivery-meta[b-6lhawr9yq2] {
    text-align: right;
}

.delivery-date[b-6lhawr9yq2] {
    display: block;
    font-size: 0.75rem;
    color: #666;
}

.delivery-amount[b-6lhawr9yq2] {
    display: block;
    font-weight: 700;
    color: #333;
}

.expand-icon[b-6lhawr9yq2] {
    color: #999;
    font-size: 0.75rem;
}

.delivery-lines[b-6lhawr9yq2] {
    border-top: 1px solid #f0f0f0;
    padding: 0.5rem;
}

.delivery-line[b-6lhawr9yq2] {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    gap: 0.5rem;
}

.delivery-line:not(:last-child)[b-6lhawr9yq2] {
    border-bottom: 1px solid #f5f5f5;
}

.line-info[b-6lhawr9yq2] {
    flex: 1;
}

.line-description[b-6lhawr9yq2] {
    display: block;
    font-weight: 500;
    color: #333;
    font-size: 0.875rem;
}

.line-code[b-6lhawr9yq2] {
    display: block;
    font-size: 0.75rem;
    color: #999;
}

.line-qty[b-6lhawr9yq2] {
    font-size: 0.875rem;
    color: #2469CE;
    font-weight: 600;
}

.line-amount[b-6lhawr9yq2] {
    font-weight: 600;
    color: #333;
    min-width: 70px;
    text-align: right;
}

.delivery-footer[b-6lhawr9yq2] {
    padding: 0.75rem 1rem;
    border-top: 1px solid #f0f0f0;
    background: #f9f9f9;
    display: flex;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.shipment-label[b-6lhawr9yq2] {
    color: #666;
}

.shipment-value[b-6lhawr9yq2] {
    font-weight: 600;
    color: #333;
}

/* Responsive */
@media (min-width: 768px) {
    .content-area[b-6lhawr9yq2] {
        max-width: 700px;
        margin: 0 auto;
    }
}
/* /Pages/Compras/InventoryDetail.razor.rz.scp.css */
.inventory-container[b-oe51miul7g] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.page-header[b-oe51miul7g] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-oe51miul7g] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.page-title[b-oe51miul7g] {
    flex: 1;
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-actions[b-oe51miul7g] {
    display: flex;
    gap: 0.5rem;
}

.btn-icon[b-oe51miul7g] {
    background: transparent;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #666;
}

.search-bar[b-oe51miul7g] {
    padding: 0.75rem 1rem;
    background: white;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
}

.search-input[b-oe51miul7g] {
    width: 100%;
    padding: 0.75rem 2.5rem 0.75rem 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
}

.btn-clear-search[b-oe51miul7g] {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    background: #e0e0e0;
    border: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0.75rem;
    color: #666;
}

.content-area[b-oe51miul7g] {
    flex: 1;
    padding: 1rem;
}

.loading-container[b-oe51miul7g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.spinner[b-oe51miul7g] {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top: 4px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-oe51miul7g 1s linear infinite;
}

@keyframes spin-b-oe51miul7g {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.mini-spinner[b-oe51miul7g] {
    width: 14px;
    height: 14px;
    border: 2px solid #e0e0e0;
    border-top: 2px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-oe51miul7g 1s linear infinite;
    display: inline-block;
}

.empty-state[b-oe51miul7g] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-oe51miul7g] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-oe51miul7g] {
    color: #333;
    margin-bottom: 0.5rem;
}

.empty-state p[b-oe51miul7g] {
    color: #666;
}

.items-list[b-oe51miul7g] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.item-card[b-oe51miul7g] {
    background: white;
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    position: relative;
}

.item-card.loading[b-oe51miul7g] {
    opacity: 0.7;
}

.item-header[b-oe51miul7g] {
    margin-bottom: 0.75rem;
}

.item-code[b-oe51miul7g] {
    display: block;
    font-weight: 700;
    color: #2469CE;
    font-size: 0.875rem;
}

.item-description[b-oe51miul7g] {
    display: block;
    font-weight: 500;
    color: #333;
}

.item-quantities[b-oe51miul7g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.qty-expected[b-oe51miul7g],
.qty-counted[b-oe51miul7g],
.qty-diff[b-oe51miul7g] {
    text-align: center;
}

.qty-label[b-oe51miul7g] {
    display: block;
    font-size: 0.625rem;
    color: #999;
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.qty-value[b-oe51miul7g] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #333;
}

.qty-diff.positive .qty-value[b-oe51miul7g] {
    color: #4caf50;
}

.qty-diff.negative .qty-value[b-oe51miul7g] {
    color: #e53935;
}

.qty-input-wrapper[b-oe51miul7g] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.btn-qty-small[b-oe51miul7g] {
    width: 32px;
    height: 32px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background: white;
    font-size: 1.25rem;
    cursor: pointer;
    color: #2469CE;
    font-weight: 700;
}

.qty-input-small[b-oe51miul7g] {
    width: 60px;
    height: 32px;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    text-align: center;
    font-weight: 700;
    font-size: 1rem;
}

.saving-indicator[b-oe51miul7g] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.75rem;
    color: #2469CE;
}

.summary-card[b-oe51miul7g] {
    background: white;
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.summary-row[b-oe51miul7g] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    color: #666;
}

.summary-row.highlight[b-oe51miul7g] {
    border-top: 1px solid #e0e0e0;
    margin-top: 0.5rem;
    padding-top: 1rem;
    font-weight: 700;
    color: #333;
}

/* Responsive */
@media (min-width: 768px) {
    .content-area[b-oe51miul7g] {
        max-width: 600px;
        margin: 0 auto;
    }
}
/* /Pages/Compras/InventoryTypes.razor.rz.scp.css */
.inventory-container[b-ppimyytqr1] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.page-header[b-ppimyytqr1] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-ppimyytqr1] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.page-title[b-ppimyytqr1] {
    flex: 1;
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.header-actions[b-ppimyytqr1] {
    display: flex;
    gap: 0.5rem;
}

.btn-icon[b-ppimyytqr1] {
    background: transparent;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #666;
}

.content-area[b-ppimyytqr1] {
    flex: 1;
    padding: 1rem;
}

.loading-container[b-ppimyytqr1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.spinner[b-ppimyytqr1] {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top: 4px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-ppimyytqr1 1s linear infinite;
}

@keyframes spin-b-ppimyytqr1 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.empty-state[b-ppimyytqr1] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-ppimyytqr1] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-ppimyytqr1] {
    color: #333;
    margin-bottom: 0.5rem;
}

.empty-state p[b-ppimyytqr1] {
    color: #666;
}

.inventory-list[b-ppimyytqr1] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.inventory-card[b-ppimyytqr1] {
    background: white;
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
}

.inventory-card:active[b-ppimyytqr1] {
    transform: scale(0.98);
}

.inventory-card.loading[b-ppimyytqr1] {
    opacity: 0.7;
    cursor: not-allowed;
}

.inventory-icon[b-ppimyytqr1] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.inventory-info[b-ppimyytqr1] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.inventory-doc[b-ppimyytqr1] {
    font-weight: 700;
    color: #333;
}

.inventory-date[b-ppimyytqr1] {
    font-size: 0.875rem;
    color: #666;
}

.inventory-location[b-ppimyytqr1] {
    font-size: 0.75rem;
    color: #2469CE;
    margin-top: 0.25rem;
}

.inventory-count[b-ppimyytqr1] {
    text-align: center;
}

.count-value[b-ppimyytqr1] {
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    color: #2469CE;
}

.count-label[b-ppimyytqr1] {
    display: block;
    font-size: 0.625rem;
    color: #999;
    text-transform: uppercase;
}

.arrow-icon[b-ppimyytqr1] {
    color: #999;
    font-size: 1.5rem;
}

.card-spinner[b-ppimyytqr1] {
    width: 20px;
    height: 20px;
    border: 2px solid #e0e0e0;
    border-top: 2px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-ppimyytqr1 1s linear infinite;
}

/* Responsive */
@media (min-width: 768px) {
    .content-area[b-ppimyytqr1] {
        max-width: 600px;
        margin: 0 auto;
    }
}
/* /Pages/Compras/LineDetail.razor.rz.scp.css */
.line-container[b-t5jl5x7z43] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.page-header[b-t5jl5x7z43] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-t5jl5x7z43] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.page-title[b-t5jl5x7z43] {
    flex: 1;
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.btn-save[b-t5jl5x7z43] {
    background: #2469CE;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    min-width: 80px;
}

.btn-save:disabled[b-t5jl5x7z43] {
    opacity: 0.7;
    cursor: not-allowed;
}

.mini-spinner[b-t5jl5x7z43] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top: 2px solid white;
    border-radius: 50%;
    animation: spin-b-t5jl5x7z43 1s linear infinite;
    display: inline-block;
}

.content-area[b-t5jl5x7z43] {
    flex: 1;
    padding: 1rem;
}

.loading-container[b-t5jl5x7z43] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.spinner[b-t5jl5x7z43] {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top: 4px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-t5jl5x7z43 1s linear infinite;
}

@keyframes spin-b-t5jl5x7z43 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.empty-state[b-t5jl5x7z43] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-t5jl5x7z43] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-t5jl5x7z43] {
    color: #333;
    margin-bottom: 0.5rem;
}

.empty-state p[b-t5jl5x7z43] {
    color: #666;
    margin-bottom: 1.5rem;
}

.btn-primary[b-t5jl5x7z43] {
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

.product-card[b-t5jl5x7z43] {
    background: white;
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    display: flex;
    gap: 1rem;
}

.product-image[b-t5jl5x7z43] {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    background: #f5f5f5;
    flex-shrink: 0;
}

.product-image img[b-t5jl5x7z43] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.no-image[b-t5jl5x7z43] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #999;
}

.product-info[b-t5jl5x7z43] {
    flex: 1;
}

.product-name[b-t5jl5x7z43] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 0.25rem 0;
}

.product-code[b-t5jl5x7z43] {
    color: #999;
    font-size: 0.875rem;
}

.form-section[b-t5jl5x7z43] {
    background: white;
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.form-label[b-t5jl5x7z43] {
    display: block;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.5rem;
}

.quantity-control[b-t5jl5x7z43] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-qty[b-t5jl5x7z43] {
    width: 48px;
    height: 48px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: white;
    font-size: 1.5rem;
    cursor: pointer;
    color: #2469CE;
    font-weight: 700;
}

.btn-qty:active[b-t5jl5x7z43] {
    background: #f5f5f5;
}

.qty-input[b-t5jl5x7z43] {
    flex: 1;
    height: 48px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center;
    color: #333;
}

.qty-info[b-t5jl5x7z43] {
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #666;
}

.price-input-wrapper[b-t5jl5x7z43] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.price-input[b-t5jl5x7z43] {
    flex: 1;
    height: 48px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1.25rem;
    font-weight: 600;
    text-align: right;
    padding: 0 1rem;
    color: #333;
}

.currency-symbol[b-t5jl5x7z43] {
    color: #666;
    font-weight: 600;
}

.discount-input[b-t5jl5x7z43] {
    width: 100%;
    height: 48px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1.25rem;
    font-weight: 600;
    text-align: center;
    color: #333;
}

.totals-card[b-t5jl5x7z43] {
    background: white;
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.total-row[b-t5jl5x7z43] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
}

.total-label[b-t5jl5x7z43] {
    color: #666;
}

.total-value[b-t5jl5x7z43] {
    font-weight: 600;
    color: #333;
}

.total-row.discount .total-value[b-t5jl5x7z43] {
    color: #e53935;
}

.total-row.final[b-t5jl5x7z43] {
    border-top: 1px solid #e0e0e0;
    margin-top: 0.5rem;
    padding-top: 1rem;
}

.total-row.vat .total-label[b-t5jl5x7z43],
.total-row.vat .total-value[b-t5jl5x7z43] {
    font-size: 0.875rem;
    color: #666;
}

.total-row.grand-total[b-t5jl5x7z43] {
    border-top: 1px solid #e0e0e0;
    margin-top: 0.5rem;
    padding-top: 1rem;
}

.total-row.grand-total .total-label[b-t5jl5x7z43],
.total-row.grand-total .total-value[b-t5jl5x7z43] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #2469CE;
}

.quick-actions[b-t5jl5x7z43] {
    display: flex;
    gap: 0.5rem;
}

.btn-quick[b-t5jl5x7z43] {
    flex: 1;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-quick:active[b-t5jl5x7z43] {
    background: #f5f5f5;
}

.quick-icon[b-t5jl5x7z43] {
    font-size: 1.25rem;
    color: #2469CE;
}

.btn-quick span:last-child[b-t5jl5x7z43] {
    font-size: 0.75rem;
    color: #666;
}

/* Responsive */
@media (min-width: 768px) {
    .content-area[b-t5jl5x7z43] {
        max-width: 500px;
        margin: 0 auto;
    }
}
/* /Pages/Compras/OrderList.razor.rz.scp.css */
.orders-container[b-0xdnrt2hkt] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.page-header[b-0xdnrt2hkt] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-0xdnrt2hkt] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.page-title[b-0xdnrt2hkt] {
    flex: 1;
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.header-actions[b-0xdnrt2hkt] {
    display: flex;
    gap: 0.5rem;
}

.btn-icon[b-0xdnrt2hkt] {
    background: transparent;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #666;
}

.filters-bar[b-0xdnrt2hkt] {
    display: flex;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: white;
    border-bottom: 1px solid #e0e0e0;
    overflow-x: auto;
}

.filter-chip[b-0xdnrt2hkt] {
    padding: 0.5rem 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    background: white;
    color: #666;
    font-size: 0.875rem;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s;
}

.filter-chip.active[b-0xdnrt2hkt] {
    background: #2469CE;
    border-color: #2469CE;
    color: white;
}

.content-area[b-0xdnrt2hkt] {
    flex: 1;
    padding: 1rem;
}

.loading-container[b-0xdnrt2hkt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.spinner[b-0xdnrt2hkt] {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top: 4px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-0xdnrt2hkt 1s linear infinite;
}

@keyframes spin-b-0xdnrt2hkt {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.mini-spinner[b-0xdnrt2hkt] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top: 2px solid white;
    border-radius: 50%;
    animation: spin-b-0xdnrt2hkt 1s linear infinite;
    display: inline-block;
}

.empty-state[b-0xdnrt2hkt] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-0xdnrt2hkt] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-0xdnrt2hkt] {
    color: #333;
    margin-bottom: 0.5rem;
}

.empty-state p[b-0xdnrt2hkt] {
    color: #666;
    margin-bottom: 1.5rem;
}

.btn-primary[b-0xdnrt2hkt] {
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

.orders-list[b-0xdnrt2hkt] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.order-card[b-0xdnrt2hkt] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.order-header[b-0xdnrt2hkt] {
    padding: 1rem;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.order-info[b-0xdnrt2hkt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order-number[b-0xdnrt2hkt] {
    font-weight: 700;
    color: #2469CE;
}

.order-date[b-0xdnrt2hkt] {
    color: #666;
    font-size: 0.875rem;
}

.order-vendor[b-0xdnrt2hkt] {
    font-weight: 600;
    color: #333;
}

.order-totals[b-0xdnrt2hkt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order-amount[b-0xdnrt2hkt] {
    font-weight: 700;
    color: #333;
    font-size: 1.1rem;
}

.expand-icon[b-0xdnrt2hkt] {
    color: #999;
    font-size: 0.75rem;
}

.order-lines[b-0xdnrt2hkt] {
    border-top: 1px solid #f0f0f0;
    padding: 0.5rem;
}

.order-line[b-0xdnrt2hkt] {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s;
}

.order-line:hover[b-0xdnrt2hkt] {
    background: #f9f9f9;
}

.line-info[b-0xdnrt2hkt] {
    flex: 1;
}

.line-description[b-0xdnrt2hkt] {
    display: block;
    font-weight: 500;
    color: #333;
    font-size: 0.9rem;
}

.line-item-no[b-0xdnrt2hkt] {
    display: block;
    color: #999;
    font-size: 0.75rem;
}

.line-qty[b-0xdnrt2hkt] {
    text-align: center;
    margin: 0 1rem;
}

.qty-value[b-0xdnrt2hkt] {
    display: block;
    font-weight: 700;
    color: #2469CE;
}

.qty-unit[b-0xdnrt2hkt] {
    display: block;
    color: #999;
    font-size: 0.75rem;
}

.line-price[b-0xdnrt2hkt] {
    font-weight: 600;
    color: #333;
}

.order-actions[b-0xdnrt2hkt] {
    display: flex;
    gap: 0.5rem;
    padding: 1rem;
    border-top: 1px solid #f0f0f0;
    justify-content: flex-end;
    align-items: center;
}

.badge-albaran[b-0xdnrt2hkt] {
    background: #e8f5e9;
    color: #2e7d32;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.75rem;
    margin-right: auto;
}

.btn-action[b-0xdnrt2hkt] {
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    min-width: 80px;
}

.btn-register[b-0xdnrt2hkt] {
    background: #2469CE;
    color: white;
}

.btn-register:disabled[b-0xdnrt2hkt] {
    opacity: 0.7;
    cursor: not-allowed;
}

.btn-delete[b-0xdnrt2hkt] {
    background: #f5f5f5;
    color: #e53935;
}

/* Modal */
.modal-overlay[b-0xdnrt2hkt] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-content[b-0xdnrt2hkt] {
    background: white;
    border-radius: 16px;
    padding: 1.5rem;
    width: 90%;
    max-width: 400px;
}

.modal-content h3[b-0xdnrt2hkt] {
    margin: 0 0 1rem 0;
    color: #333;
}

.input-albaran[b-0xdnrt2hkt] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    margin-bottom: 1rem;
}

.modal-actions[b-0xdnrt2hkt] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

.btn-cancel[b-0xdnrt2hkt] {
    padding: 0.5rem 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    background: white;
    color: #666;
    cursor: pointer;
}

.btn-confirm[b-0xdnrt2hkt] {
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    background: #2469CE;
    color: white;
    cursor: pointer;
}

/* Responsive */
@media (min-width: 768px) {
    .content-area[b-0xdnrt2hkt] {
        max-width: 800px;
        margin: 0 auto;
    }

    .order-header[b-0xdnrt2hkt] {
        flex-direction: row;
        align-items: center;
    }

    .order-info[b-0xdnrt2hkt] {
        flex: 1;
        flex-direction: row;
        gap: 1rem;
    }

    .order-vendor[b-0xdnrt2hkt] {
        flex: 2;
    }

    .order-totals[b-0xdnrt2hkt] {
        flex: 1;
        justify-content: flex-end;
        gap: 1rem;
    }
}
/* /Pages/Compras/PendingOrders.razor.rz.scp.css */
.pending-container[b-pzbuw8uc2p] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.page-header[b-pzbuw8uc2p] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-pzbuw8uc2p] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.page-title[b-pzbuw8uc2p] {
    flex: 1;
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.header-actions[b-pzbuw8uc2p] {
    display: flex;
    gap: 0.5rem;
}

.btn-icon[b-pzbuw8uc2p] {
    background: transparent;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #666;
}

.content-area[b-pzbuw8uc2p] {
    flex: 1;
    padding: 1rem;
}

.loading-container[b-pzbuw8uc2p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.spinner[b-pzbuw8uc2p] {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top: 4px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-pzbuw8uc2p 1s linear infinite;
}

@keyframes spin-b-pzbuw8uc2p {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.empty-state[b-pzbuw8uc2p] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-pzbuw8uc2p] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-pzbuw8uc2p] {
    color: #333;
    margin-bottom: 0.5rem;
}

.empty-state p[b-pzbuw8uc2p] {
    color: #666;
}

.summary-bar[b-pzbuw8uc2p] {
    display: flex;
    justify-content: space-around;
    background: white;
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.summary-item[b-pzbuw8uc2p] {
    text-align: center;
}

.summary-value[b-pzbuw8uc2p] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: #2469CE;
}

.summary-label[b-pzbuw8uc2p] {
    display: block;
    font-size: 0.75rem;
    color: #666;
    text-transform: uppercase;
}

.vendors-list[b-pzbuw8uc2p] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.vendor-card[b-pzbuw8uc2p] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.vendor-header[b-pzbuw8uc2p] {
    padding: 1rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vendor-info[b-pzbuw8uc2p] {
    display: flex;
    flex-direction: column;
}

.vendor-name[b-pzbuw8uc2p] {
    font-weight: 700;
    color: #333;
}

.vendor-no[b-pzbuw8uc2p] {
    font-size: 0.75rem;
    color: #999;
}

.vendor-summary[b-pzbuw8uc2p] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.item-count[b-pzbuw8uc2p] {
    font-size: 0.875rem;
    color: #666;
}

.vendor-total[b-pzbuw8uc2p] {
    font-weight: 700;
    color: #2469CE;
}

.expand-icon[b-pzbuw8uc2p] {
    color: #999;
    font-size: 0.75rem;
}

.vendor-items[b-pzbuw8uc2p] {
    border-top: 1px solid #f0f0f0;
    padding: 0.5rem;
}

.pending-item[b-pzbuw8uc2p] {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    border-radius: 8px;
}

.pending-item:not(:last-child)[b-pzbuw8uc2p] {
    border-bottom: 1px solid #f5f5f5;
}

.item-info[b-pzbuw8uc2p] {
    flex: 1;
}

.item-description[b-pzbuw8uc2p] {
    display: block;
    font-weight: 500;
    color: #333;
    font-size: 0.9rem;
}

.item-code[b-pzbuw8uc2p] {
    display: block;
    color: #999;
    font-size: 0.75rem;
}

.item-qty[b-pzbuw8uc2p] {
    text-align: center;
    margin: 0 1rem;
}

.qty-value[b-pzbuw8uc2p] {
    display: block;
    font-weight: 700;
    color: #2469CE;
}

.qty-unit[b-pzbuw8uc2p] {
    display: block;
    color: #999;
    font-size: 0.75rem;
}

.item-price[b-pzbuw8uc2p] {
    font-weight: 600;
    color: #333;
}

.vendor-actions[b-pzbuw8uc2p] {
    padding: 1rem;
    border-top: 1px solid #f0f0f0;
    display: flex;
    justify-content: flex-end;
}

.btn-create-order[b-pzbuw8uc2p] {
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
}

/* Responsive */
@media (min-width: 768px) {
    .content-area[b-pzbuw8uc2p] {
        max-width: 800px;
        margin: 0 auto;
    }
}
/* /Pages/Compras/ProductList.razor.rz.scp.css */
.products-container[b-39jfio0e1g] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.products-header[b-39jfio0e1g] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-39jfio0e1g] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.search-container[b-39jfio0e1g] {
    flex: 1;
}

.search-input[b-39jfio0e1g] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    background: #f9f9f9;
}

.search-input:focus[b-39jfio0e1g] {
    outline: none;
    border-color: #2469CE;
    background: white;
}

.header-spinner[b-39jfio0e1g] {
    width: 30px;
    height: 30px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-39jfio0e1g 1s linear infinite;
}

.vendor-banner[b-39jfio0e1g] {
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    padding: 0.75rem 1rem;
    text-align: center;
}

.vendor-title[b-39jfio0e1g] {
    font-weight: 700;
    font-size: 1.1rem;
}

.products-content[b-39jfio0e1g] {
    flex: 1;
    padding: 1rem;
    padding-bottom: 100px;
}

.loading-container[b-39jfio0e1g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    gap: 1rem;
}

.spinner[b-39jfio0e1g] {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-39jfio0e1g 1s linear infinite;
}

@keyframes spin-b-39jfio0e1g {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.empty-state[b-39jfio0e1g] {
    text-align: center;
    padding: 3rem;
    color: #666;
}

.products-list[b-39jfio0e1g] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.product-card[b-39jfio0e1g] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: border-color 0.2s;
}

.product-card:hover[b-39jfio0e1g] {
    border-color: #2469CE;
}

.product-info[b-39jfio0e1g] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
    min-width: 0;
}

.product-image[b-39jfio0e1g] {
    width: 60px;
    height: 60px;
    object-fit: contain;
    border-radius: 8px;
    flex-shrink: 0;
}

.product-placeholder[b-39jfio0e1g] {
    width: 60px;
    height: 60px;
    background: #f0f0f0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #999;
    font-weight: 600;
}

.product-details[b-39jfio0e1g] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.product-name[b-39jfio0e1g] {
    font-weight: 700;
    color: #333;
    font-size: 1.05rem;
    line-height: 1.3;
}

.product-price[b-39jfio0e1g] {
    font-weight: 600;
    color: #2469CE;
    font-size: 0.95rem;
}

.product-unit[b-39jfio0e1g] {
    font-size: 0.9rem;
    color: #666;
}

.product-vendor[b-39jfio0e1g] {
    font-size: 0.8rem;
    color: #001DCC;
    font-weight: 600;
}

.product-actions[b-39jfio0e1g] {
    flex-shrink: 0;
}

.btn-add[b-39jfio0e1g] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    border: none;
    color: white;
    font-size: 1.5rem;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s, box-shadow 0.2s;
}

.btn-add:hover[b-39jfio0e1g] {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(36, 105, 206, 0.4);
}

.quantity-controls[b-39jfio0e1g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #f5f5f5;
    border-radius: 25px;
    padding: 0.25rem;
}

.btn-quantity[b-39jfio0e1g] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: white;
    border: 1px solid #e0e0e0;
    color: #333;
    font-size: 1.25rem;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.btn-quantity:hover[b-39jfio0e1g] {
    background: #2469CE;
    color: white;
    border-color: #2469CE;
}

.quantity-value[b-39jfio0e1g] {
    min-width: 30px;
    text-align: center;
    font-weight: 700;
    color: #333;
    font-size: 1rem;
}

/* Floating Cart */
.floating-cart[b-39jfio0e1g] {
    position: fixed;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    padding: 1rem 1.5rem;
    border-radius: 25px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(36, 105, 206, 0.4);
    transition: transform 0.2s;
    z-index: 100;
}

.floating-cart:hover[b-39jfio0e1g] {
    transform: translateX(-50%) translateY(-4px);
}

.cart-total[b-39jfio0e1g] {
    font-weight: 700;
}

.cart-icon[b-39jfio0e1g] {
    width: 30px;
    height: 30px;
}

/* Product Info Clickable */
.product-info[b-39jfio0e1g] {
    cursor: pointer;
}

/* Modal Overlay */
.modal-overlay[b-39jfio0e1g] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
    animation: fadeIn-b-39jfio0e1g 0.25s ease-out;
}

.modal-content[b-39jfio0e1g] {
    background: white;
    border-radius: 16px;
    padding: 1.5rem;
    max-width: 400px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    animation: slideUp-b-39jfio0e1g 0.3s ease-out;
}

@keyframes fadeIn-b-39jfio0e1g {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slideUp-b-39jfio0e1g {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.modal-close[b-39jfio0e1g] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    background: transparent;
    border: none;
    font-size: 1.75rem;
    color: #999;
    cursor: pointer;
    line-height: 1;
    padding: 0.25rem;
}

.modal-close:hover[b-39jfio0e1g] {
    color: #333;
}

.modal-header[b-39jfio0e1g] {
    text-align: center;
    margin-bottom: 1.5rem;
}

.modal-product-name[b-39jfio0e1g] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #333;
    margin: 0;
    line-height: 1.3;
}

.modal-section[b-39jfio0e1g] {
    margin-bottom: 1.25rem;
}

.modal-label[b-39jfio0e1g] {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    color: #666;
    margin-bottom: 0.5rem;
}

.vendor-display[b-39jfio0e1g] {
    background: #f5f5f5;
    padding: 0.75rem 1rem;
    border-radius: 8px;
}

.vendor-name-modal[b-39jfio0e1g] {
    color: #001DCC;
    font-weight: 600;
}

.price-display[b-39jfio0e1g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.unit-price[b-39jfio0e1g] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2469CE;
}

.unit-separator[b-39jfio0e1g] {
    color: #999;
}

.unit-measure[b-39jfio0e1g] {
    font-size: 1rem;
    color: #666;
}

.unit-selector[b-39jfio0e1g] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    background: white;
    cursor: pointer;
}

.unit-selector:focus[b-39jfio0e1g] {
    outline: none;
    border-color: #2469CE;
}

.modal-quantity-controls[b-39jfio0e1g] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.btn-modal-quantity[b-39jfio0e1g] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    color: #333;
    font-size: 1.5rem;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.btn-modal-quantity:hover[b-39jfio0e1g] {
    background: #2469CE;
    color: white;
    border-color: #2469CE;
}

.quantity-input[b-39jfio0e1g] {
    width: 80px;
    height: 48px;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
}

.quantity-input:focus[b-39jfio0e1g] {
    outline: none;
    border-color: #2469CE;
}

.modal-total[b-39jfio0e1g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: #f9f9f9;
    border-radius: 8px;
    margin-bottom: 1.25rem;
}

.total-label[b-39jfio0e1g] {
    font-size: 1rem;
    color: #666;
}

.total-value[b-39jfio0e1g] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2469CE;
}

.btn-add-modal[b-39jfio0e1g] {
    width: 100%;
    padding: 1rem;
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border: none;
    border-radius: 12px;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
}

.btn-add-modal:hover[b-39jfio0e1g] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(36, 105, 206, 0.4);
}

/* Responsive */
@media (min-width: 768px) {
    .products-list[b-39jfio0e1g] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .products-content[b-39jfio0e1g] {
        max-width: 1200px;
        margin: 0 auto;
    }

    .products-list[b-39jfio0e1g] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Pages/Compras/SavedOrders.razor.rz.scp.css */
.saved-container[b-xc5djbo335] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.page-header[b-xc5djbo335] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-xc5djbo335] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.page-title[b-xc5djbo335] {
    flex: 1;
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.header-actions[b-xc5djbo335] {
    display: flex;
    gap: 0.5rem;
}

.btn-icon[b-xc5djbo335] {
    background: transparent;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #666;
}

.content-area[b-xc5djbo335] {
    flex: 1;
    padding: 1rem;
}

.loading-container[b-xc5djbo335] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.spinner[b-xc5djbo335] {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top: 4px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-xc5djbo335 1s linear infinite;
}

@keyframes spin-b-xc5djbo335 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.empty-state[b-xc5djbo335] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-xc5djbo335] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-xc5djbo335] {
    color: #333;
    margin-bottom: 0.5rem;
}

.empty-state p[b-xc5djbo335] {
    color: #666;
    margin-bottom: 1.5rem;
}

.btn-primary[b-xc5djbo335] {
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

.orders-list[b-xc5djbo335] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.order-card[b-xc5djbo335] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.order-header[b-xc5djbo335] {
    padding: 1rem;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.order-info[b-xc5djbo335] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order-number[b-xc5djbo335] {
    font-weight: 700;
    color: #ff9800;
}

.order-date[b-xc5djbo335] {
    color: #666;
    font-size: 0.875rem;
}

.order-vendor[b-xc5djbo335] {
    font-weight: 600;
    color: #333;
}

.order-totals[b-xc5djbo335] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order-amount[b-xc5djbo335] {
    font-weight: 700;
    color: #333;
    font-size: 1.1rem;
}

.expand-icon[b-xc5djbo335] {
    color: #999;
    font-size: 0.75rem;
}

.order-lines[b-xc5djbo335] {
    border-top: 1px solid #f0f0f0;
    padding: 0.5rem;
}

.order-line[b-xc5djbo335] {
    display: flex;
    align-items: center;
    padding: 0.75rem;
}

.order-line:not(:last-child)[b-xc5djbo335] {
    border-bottom: 1px solid #f5f5f5;
}

.line-info[b-xc5djbo335] {
    flex: 1;
}

.line-description[b-xc5djbo335] {
    display: block;
    font-weight: 500;
    color: #333;
    font-size: 0.9rem;
}

.line-code[b-xc5djbo335] {
    display: block;
    color: #999;
    font-size: 0.75rem;
}

.line-qty[b-xc5djbo335] {
    text-align: center;
    margin: 0 1rem;
}

.qty-value[b-xc5djbo335] {
    display: block;
    font-weight: 700;
    color: #2469CE;
}

.qty-unit[b-xc5djbo335] {
    display: block;
    color: #999;
    font-size: 0.75rem;
}

.line-price[b-xc5djbo335] {
    font-weight: 600;
    color: #333;
}

.order-actions[b-xc5djbo335] {
    display: flex;
    gap: 0.5rem;
    padding: 1rem;
    border-top: 1px solid #f0f0f0;
    justify-content: flex-end;
}

.btn-action[b-xc5djbo335] {
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-edit[b-xc5djbo335] {
    background: #f5f5f5;
    color: #333;
}

.btn-send[b-xc5djbo335] {
    background: #2469CE;
    color: white;
}

.btn-delete[b-xc5djbo335] {
    background: #f5f5f5;
    color: #e53935;
}

/* Responsive */
@media (min-width: 768px) {
    .content-area[b-xc5djbo335] {
        max-width: 800px;
        margin: 0 auto;
    }

    .order-header[b-xc5djbo335] {
        flex-direction: row;
        align-items: center;
    }

    .order-info[b-xc5djbo335] {
        flex: 1;
        flex-direction: row;
        gap: 1rem;
    }

    .order-vendor[b-xc5djbo335] {
        flex: 2;
    }

    .order-totals[b-xc5djbo335] {
        flex: 1;
        justify-content: flex-end;
        gap: 1rem;
    }
}
/* /Pages/Compras/Statistics.razor.rz.scp.css */
.stats-container[b-dbvqja1i1o] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.page-header[b-dbvqja1i1o] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-dbvqja1i1o] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.page-title[b-dbvqja1i1o] {
    flex: 1;
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.header-actions[b-dbvqja1i1o] {
    display: flex;
    gap: 0.5rem;
}

.btn-icon[b-dbvqja1i1o] {
    background: transparent;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #666;
}

.tabs-bar[b-dbvqja1i1o] {
    display: flex;
    background: white;
    border-bottom: 1px solid #e0e0e0;
}

.tab-item[b-dbvqja1i1o] {
    flex: 1;
    padding: 1rem;
    border: none;
    background: transparent;
    font-size: 0.875rem;
    font-weight: 600;
    color: #666;
    cursor: pointer;
    position: relative;
}

.tab-item.active[b-dbvqja1i1o] {
    color: #2469CE;
}

.tab-item.active[b-dbvqja1i1o]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #2469CE;
}

.content-area[b-dbvqja1i1o] {
    flex: 1;
    padding: 1rem;
}

.loading-container[b-dbvqja1i1o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.spinner[b-dbvqja1i1o] {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top: 4px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-dbvqja1i1o 1s linear infinite;
}

@keyframes spin-b-dbvqja1i1o {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.empty-state[b-dbvqja1i1o] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-dbvqja1i1o] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-dbvqja1i1o] {
    color: #333;
    margin-bottom: 0.5rem;
}

.empty-state p[b-dbvqja1i1o] {
    color: #666;
}

.totals-card[b-dbvqja1i1o] {
    display: flex;
    justify-content: space-around;
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    border-radius: 12px;
    padding: 1.5rem 1rem;
    margin-bottom: 1rem;
}

.total-item[b-dbvqja1i1o] {
    text-align: center;
}

.total-value[b-dbvqja1i1o] {
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    color: white;
}

.total-label[b-dbvqja1i1o] {
    display: block;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
}

.total-item.ratio .total-value[b-dbvqja1i1o] {
    color: #ffe082;
}

.stats-list[b-dbvqja1i1o] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.stat-card[b-dbvqja1i1o] {
    background: white;
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.stat-header[b-dbvqja1i1o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.stat-name[b-dbvqja1i1o] {
    font-weight: 600;
    color: #333;
}

.stat-code[b-dbvqja1i1o] {
    font-size: 0.75rem;
    color: #999;
}

.stat-bars[b-dbvqja1i1o] {
    margin-bottom: 0.5rem;
}

.stat-bar[b-dbvqja1i1o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.bar-label[b-dbvqja1i1o] {
    width: 60px;
    font-size: 0.75rem;
    color: #666;
}

.bar-track[b-dbvqja1i1o] {
    flex: 1;
    height: 8px;
    background: #f0f0f0;
    border-radius: 4px;
    overflow: hidden;
}

.bar-fill[b-dbvqja1i1o] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.3s ease;
}

.bar-fill.compras[b-dbvqja1i1o] {
    background: linear-gradient(90deg, #2469CE, #1a5bb8);
}

.bar-fill.ventas[b-dbvqja1i1o] {
    background: linear-gradient(90deg, #ff9800, #f57c00);
}

.bar-value[b-dbvqja1i1o] {
    width: 80px;
    text-align: right;
    font-size: 0.875rem;
    font-weight: 600;
    color: #333;
}

.stat-ratio[b-dbvqja1i1o] {
    font-size: 0.875rem;
    color: #666;
    text-align: right;
}

.stat-ratio strong[b-dbvqja1i1o] {
    color: #2469CE;
}

/* Responsive */
@media (min-width: 768px) {
    .content-area[b-dbvqja1i1o] {
        max-width: 700px;
        margin: 0 auto;
    }

    .totals-card[b-dbvqja1i1o] {
        padding: 2rem;
    }

    .total-value[b-dbvqja1i1o] {
        font-size: 1.5rem;
    }
}
/* /Pages/Compras/UserHistory.razor.rz.scp.css */
.history-container[b-r4z4nxq5tk] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.page-header[b-r4z4nxq5tk] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-r4z4nxq5tk] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.page-title[b-r4z4nxq5tk] {
    flex: 1;
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.header-actions[b-r4z4nxq5tk] {
    display: flex;
    gap: 0.5rem;
}

.btn-icon[b-r4z4nxq5tk] {
    background: transparent;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #666;
}

.content-area[b-r4z4nxq5tk] {
    flex: 1;
    padding: 1rem;
}

.loading-container[b-r4z4nxq5tk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.spinner[b-r4z4nxq5tk] {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top: 4px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-r4z4nxq5tk 1s linear infinite;
}

@keyframes spin-b-r4z4nxq5tk {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.empty-state[b-r4z4nxq5tk] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-r4z4nxq5tk] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-r4z4nxq5tk] {
    color: #333;
    margin-bottom: 0.5rem;
}

.empty-state p[b-r4z4nxq5tk] {
    color: #666;
}

.summary-card[b-r4z4nxq5tk] {
    display: flex;
    justify-content: space-around;
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1rem;
}

.summary-item[b-r4z4nxq5tk] {
    text-align: center;
}

.summary-value[b-r4z4nxq5tk] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
}

.summary-label[b-r4z4nxq5tk] {
    display: block;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
}

.date-group[b-r4z4nxq5tk] {
    margin-bottom: 1.5rem;
}

.date-header[b-r4z4nxq5tk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    margin-bottom: 0.5rem;
}

.date-text[b-r4z4nxq5tk] {
    font-weight: 600;
    color: #333;
    text-transform: capitalize;
}

.date-total[b-r4z4nxq5tk] {
    font-weight: 700;
    color: #2469CE;
}

.orders-list[b-r4z4nxq5tk] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.order-card[b-r4z4nxq5tk] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    cursor: pointer;
}

.order-header[b-r4z4nxq5tk] {
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.order-info[b-r4z4nxq5tk] {
    flex: 1;
}

.order-number[b-r4z4nxq5tk] {
    display: block;
    font-weight: 700;
    color: #2469CE;
    font-size: 0.875rem;
}

.order-vendor[b-r4z4nxq5tk] {
    display: block;
    font-weight: 500;
    color: #333;
}

.order-amount[b-r4z4nxq5tk] {
    font-weight: 700;
    color: #333;
}

.expand-icon[b-r4z4nxq5tk] {
    color: #999;
    font-size: 0.75rem;
}

.order-lines[b-r4z4nxq5tk] {
    border-top: 1px solid #f0f0f0;
    padding: 0.5rem;
}

.order-line[b-r4z4nxq5tk] {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    gap: 0.5rem;
}

.order-line:not(:last-child)[b-r4z4nxq5tk] {
    border-bottom: 1px solid #f5f5f5;
}

.line-info[b-r4z4nxq5tk] {
    flex: 1;
}

.line-description[b-r4z4nxq5tk] {
    display: block;
    font-weight: 500;
    color: #333;
    font-size: 0.875rem;
}

.line-code[b-r4z4nxq5tk] {
    display: block;
    font-size: 0.75rem;
    color: #999;
}

.line-qty[b-r4z4nxq5tk] {
    font-size: 0.875rem;
    color: #2469CE;
    font-weight: 600;
}

.line-amount[b-r4z4nxq5tk] {
    font-weight: 600;
    color: #333;
    min-width: 70px;
    text-align: right;
}

/* Responsive */
@media (min-width: 768px) {
    .content-area[b-r4z4nxq5tk] {
        max-width: 700px;
        margin: 0 auto;
    }
}
/* /Pages/Compras/VendorDetail.razor.rz.scp.css */
.vendor-container[b-mbhtarm23d] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.page-header[b-mbhtarm23d] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-mbhtarm23d] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.page-title[b-mbhtarm23d] {
    flex: 1;
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.btn-save[b-mbhtarm23d] {
    background: #2469CE;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    min-width: 80px;
}

.btn-save:disabled[b-mbhtarm23d] {
    opacity: 0.7;
    cursor: not-allowed;
}

.mini-spinner[b-mbhtarm23d] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top: 2px solid white;
    border-radius: 50%;
    animation: spin-b-mbhtarm23d 1s linear infinite;
    display: inline-block;
}

.content-area[b-mbhtarm23d] {
    flex: 1;
    padding: 1rem;
}

.loading-container[b-mbhtarm23d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.spinner[b-mbhtarm23d] {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top: 4px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-mbhtarm23d 1s linear infinite;
}

@keyframes spin-b-mbhtarm23d {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.empty-state[b-mbhtarm23d] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-mbhtarm23d] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-mbhtarm23d] {
    color: #333;
    margin-bottom: 0.5rem;
}

.empty-state p[b-mbhtarm23d] {
    color: #666;
    margin-bottom: 1.5rem;
}

.btn-primary[b-mbhtarm23d] {
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

.vendor-header-card[b-mbhtarm23d] {
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.vendor-avatar[b-mbhtarm23d] {
    width: 64px;
    height: 64px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: #2469CE;
}

.vendor-main-info[b-mbhtarm23d] {
    flex: 1;
}

.vendor-name[b-mbhtarm23d] {
    color: white;
    font-size: 1.25rem;
    margin: 0 0 0.25rem 0;
}

.vendor-code[b-mbhtarm23d] {
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.875rem;
}

.form-card[b-mbhtarm23d],
.info-card[b-mbhtarm23d] {
    background: white;
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.form-title[b-mbhtarm23d] {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.form-group[b-mbhtarm23d] {
    margin-bottom: 1rem;
}

.form-group:last-child[b-mbhtarm23d] {
    margin-bottom: 0;
}

.form-label[b-mbhtarm23d] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #666;
    margin-bottom: 0.25rem;
}

.input-with-action[b-mbhtarm23d] {
    display: flex;
    gap: 0.5rem;
}

.form-input[b-mbhtarm23d] {
    flex: 1;
    padding: 0.75rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
}

.btn-call[b-mbhtarm23d],
.btn-email[b-mbhtarm23d] {
    width: 48px;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1.25rem;
    cursor: pointer;
}

.btn-call:disabled[b-mbhtarm23d],
.btn-email:disabled[b-mbhtarm23d] {
    opacity: 0.5;
    cursor: not-allowed;
}

.address-info[b-mbhtarm23d] {
    color: #666;
    line-height: 1.5;
}

.address-info p[b-mbhtarm23d] {
    margin: 0;
}

.info-row[b-mbhtarm23d] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
}

.info-row:not(:last-child)[b-mbhtarm23d] {
    border-bottom: 1px solid #f0f0f0;
}

.info-label[b-mbhtarm23d] {
    color: #666;
}

.info-value[b-mbhtarm23d] {
    font-weight: 600;
    color: #333;
}

.actions-card[b-mbhtarm23d] {
    display: flex;
    gap: 0.5rem;
}

.btn-action[b-mbhtarm23d] {
    flex: 1;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-action:active[b-mbhtarm23d] {
    background: #f5f5f5;
}

.action-icon[b-mbhtarm23d] {
    font-size: 1.5rem;
}

.btn-action span:last-child[b-mbhtarm23d] {
    font-size: 0.75rem;
    color: #666;
    text-align: center;
}

/* Responsive */
@media (min-width: 768px) {
    .content-area[b-mbhtarm23d] {
        max-width: 500px;
        margin: 0 auto;
    }
}
/* /Pages/Compras/VendorHistory.razor.rz.scp.css */
.history-container[b-qioc72fvgg] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.page-header[b-qioc72fvgg] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-qioc72fvgg] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.page-title[b-qioc72fvgg] {
    flex: 1;
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.header-actions[b-qioc72fvgg] {
    display: flex;
    gap: 0.5rem;
}

.btn-icon[b-qioc72fvgg] {
    background: transparent;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #666;
}

.content-area[b-qioc72fvgg] {
    flex: 1;
    padding: 1rem;
}

.loading-container[b-qioc72fvgg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.spinner[b-qioc72fvgg] {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top: 4px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-qioc72fvgg 1s linear infinite;
}

@keyframes spin-b-qioc72fvgg {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.empty-state[b-qioc72fvgg] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-qioc72fvgg] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-qioc72fvgg] {
    color: #333;
    margin-bottom: 0.5rem;
}

.empty-state p[b-qioc72fvgg] {
    color: #666;
}

.summary-card[b-qioc72fvgg] {
    display: flex;
    justify-content: space-around;
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 1rem;
}

.summary-item[b-qioc72fvgg] {
    text-align: center;
}

.summary-value[b-qioc72fvgg] {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
}

.summary-label[b-qioc72fvgg] {
    display: block;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
}

.orders-list[b-qioc72fvgg] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.order-card[b-qioc72fvgg] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    cursor: pointer;
}

.order-header[b-qioc72fvgg] {
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.order-info[b-qioc72fvgg] {
    flex: 1;
}

.order-number[b-qioc72fvgg] {
    display: block;
    font-weight: 700;
    color: #2469CE;
}

.order-date[b-qioc72fvgg] {
    display: block;
    font-size: 0.875rem;
    color: #666;
}

.order-amount[b-qioc72fvgg] {
    font-weight: 700;
    color: #333;
}

.expand-icon[b-qioc72fvgg] {
    color: #999;
    font-size: 0.75rem;
}

.order-lines[b-qioc72fvgg] {
    border-top: 1px solid #f0f0f0;
    padding: 0.5rem;
}

.order-line[b-qioc72fvgg] {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    gap: 0.5rem;
}

.order-line:not(:last-child)[b-qioc72fvgg] {
    border-bottom: 1px solid #f5f5f5;
}

.line-info[b-qioc72fvgg] {
    flex: 1;
}

.line-description[b-qioc72fvgg] {
    display: block;
    font-weight: 500;
    color: #333;
    font-size: 0.875rem;
}

.line-code[b-qioc72fvgg] {
    display: block;
    font-size: 0.75rem;
    color: #999;
}

.line-qty[b-qioc72fvgg] {
    font-size: 0.875rem;
    color: #2469CE;
    font-weight: 600;
}

.line-amount[b-qioc72fvgg] {
    font-weight: 600;
    color: #333;
    min-width: 70px;
    text-align: right;
}

/* Responsive */
@media (min-width: 768px) {
    .content-area[b-qioc72fvgg] {
        max-width: 700px;
        margin: 0 auto;
    }
}
/* /Pages/Compras/VendorList.razor.rz.scp.css */
.vendors-container[b-94d93q4sh1] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.vendors-header[b-94d93q4sh1] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-94d93q4sh1] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.search-container[b-94d93q4sh1] {
    flex: 1;
}

.search-input[b-94d93q4sh1] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    background: #f9f9f9;
}

.search-input:focus[b-94d93q4sh1] {
    outline: none;
    border-color: #2469CE;
    background: white;
}

.header-icon[b-94d93q4sh1] {
    width: 40px;
    height: 40px;
}

.header-spinner[b-94d93q4sh1] {
    width: 30px;
    height: 30px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-94d93q4sh1 1s linear infinite;
}

.vendors-content[b-94d93q4sh1] {
    flex: 1;
    padding: 1rem;
    padding-bottom: 100px;
}

.loading-container[b-94d93q4sh1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    gap: 1rem;
}

.spinner[b-94d93q4sh1] {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-94d93q4sh1 1s linear infinite;
}

@keyframes spin-b-94d93q4sh1 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.empty-state[b-94d93q4sh1] {
    text-align: center;
    padding: 3rem;
    color: #666;
}

.vendors-list[b-94d93q4sh1] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.vendor-card[b-94d93q4sh1] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.vendor-card:hover[b-94d93q4sh1] {
    border-color: #2469CE;
    transform: translateX(4px);
    box-shadow: 0 4px 12px rgba(36, 105, 206, 0.15);
}

.vendor-card.loading[b-94d93q4sh1] {
    opacity: 0.7;
    pointer-events: none;
}

.vendor-info[b-94d93q4sh1] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.vendor-logo[b-94d93q4sh1] {
    width: 50px;
    height: 50px;
    object-fit: contain;
    border-radius: 8px;
}

.vendor-avatar[b-94d93q4sh1] {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.1rem;
}

.vendor-details[b-94d93q4sh1] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.vendor-name[b-94d93q4sh1] {
    font-weight: 600;
    color: #333;
    font-size: 1rem;
}

.vendor-phone[b-94d93q4sh1] {
    font-size: 0.85rem;
    color: #666;
}

.vendor-amount[b-94d93q4sh1] {
    font-weight: 700;
    color: #2469CE;
    font-size: 1rem;
}

.vendor-spinner[b-94d93q4sh1] {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    border: 3px solid rgba(36, 105, 206, 0.2);
    border-top: 3px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-94d93q4sh1 0.8s linear infinite;
}

/* Floating Cart */
.floating-cart[b-94d93q4sh1] {
    position: fixed;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    padding: 1rem 1.5rem;
    border-radius: 25px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(36, 105, 206, 0.4);
    transition: transform 0.2s;
    z-index: 100;
}

.floating-cart:hover[b-94d93q4sh1] {
    transform: translateX(-50%) translateY(-4px);
}

.cart-total[b-94d93q4sh1] {
    font-weight: 700;
}

.cart-icon[b-94d93q4sh1] {
    width: 30px;
    height: 30px;
}

/* Responsive */
@media (min-width: 768px) {
    .vendors-list[b-94d93q4sh1] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .vendors-content[b-94d93q4sh1] {
        max-width: 1200px;
        margin: 0 auto;
    }

    .vendors-list[b-94d93q4sh1] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Pages/Home/Home.razor.rz.scp.css */
.home-container[b-r10dmxc3en] {
    display: flex;
    min-height: 100vh;
    background: #f5f7fa;
}

/* Sidebar */
.sidebar[b-r10dmxc3en] {
    position: fixed;
    left: -280px;
    top: 0;
    width: 280px;
    height: 100vh;
    background: transparent;
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    transition: left 0.3s ease;
    z-index: 1000;
}

.sidebar.open[b-r10dmxc3en] {
    left: 0;
}

.sidebar-overlay[b-r10dmxc3en] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.sidebar-header[b-r10dmxc3en] {
    padding: 1.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.user-name[b-r10dmxc3en] {
    color: #333;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0;
}

.mini-spinner[b-r10dmxc3en] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-top: 2px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-r10dmxc3en 1s linear infinite;
}

.sidebar-nav[b-r10dmxc3en] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem;
}

.nav-item[b-r10dmxc3en] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.75rem 1rem;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    margin-bottom: 0.5rem;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    text-align: left;
    font-size: 0.95rem;
    color: #333;
}

.nav-item:hover[b-r10dmxc3en] {
    transform: translateX(4px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.nav-icon[b-r10dmxc3en] {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.sidebar-footer[b-r10dmxc3en] {
    padding: 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.company-info[b-r10dmxc3en] {
    background: white;
    border-radius: 10px;
    padding: 1rem;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.company-name[b-r10dmxc3en] {
    font-weight: 700;
    color: #333;
    margin: 0 0 0.5rem 0;
    font-size: 0.9rem;
}

.company-logo[b-r10dmxc3en] {
    max-height: 40px;
    max-width: 100%;
    margin-bottom: 0.5rem;
}

.version-text[b-r10dmxc3en] {
    font-size: 0.75rem;
    color: #666;
    margin: 0;
}

/* Main Content */
.main-content[b-r10dmxc3en] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.top-header[b-r10dmxc3en] {
    background: white;
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-menu[b-r10dmxc3en] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.page-title[b-r10dmxc3en] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.content-area[b-r10dmxc3en] {
    flex: 1;
    padding: 1.5rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-background[b-r10dmxc3en] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.background-logo[b-r10dmxc3en] {
    width: 600px;
    height: auto;
    object-fit: contain;
    opacity: 0.15;
    mix-blend-mode: multiply;
}

@media (max-width: 768px) {
    .background-logo[b-r10dmxc3en] {
        width: 80%;
        max-width: 300px;
    }
}

.welcome-card[b-r10dmxc3en] {
    position: relative;
    z-index: 1;
}

.loading-container[b-r10dmxc3en] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    gap: 1rem;
}

.spinner[b-r10dmxc3en] {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-r10dmxc3en 1s linear infinite;
}

@keyframes spin-b-r10dmxc3en {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Cards */
.welcome-card[b-r10dmxc3en],
.info-card[b-r10dmxc3en] {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    text-align: center;
}

.welcome-card h2[b-r10dmxc3en],
.info-card h3[b-r10dmxc3en] {
    color: #333;
    margin-bottom: 0.5rem;
}

.welcome-card p[b-r10dmxc3en],
.info-card p[b-r10dmxc3en] {
    color: #666;
    margin-bottom: 1rem;
}

.btn-primary[b-r10dmxc3en] {
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
}

.btn-primary:hover[b-r10dmxc3en] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(36, 105, 206, 0.4);
}

/* Floating Cart */
.floating-cart[b-r10dmxc3en] {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    padding: 1rem 1.5rem;
    border-radius: 25px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(36, 105, 206, 0.4);
    transition: transform 0.2s;
    z-index: 100;
}

.floating-cart:hover[b-r10dmxc3en] {
    transform: translateX(-50%) translateY(-4px);
}

.cart-total[b-r10dmxc3en] {
    font-weight: 700;
}

.cart-icon[b-r10dmxc3en] {
    font-size: 1.25rem;
}

/* Modal */
.modal-overlay[b-r10dmxc3en] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    padding: 1rem;
}

.modal-content[b-r10dmxc3en] {
    background: white;
    border-radius: 16px;
    padding: 1.5rem;
    max-width: 500px;
    width: 100%;
    max-height: 80vh;
    overflow-y: auto;
}

.modal-content h3[b-r10dmxc3en] {
    text-align: center;
    margin-bottom: 1rem;
    color: #333;
}

.empresa-list[b-r10dmxc3en] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.empresa-item[b-r10dmxc3en] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
}

.empresa-item:hover[b-r10dmxc3en] {
    background: #f9f9f9;
}

.empresa-item.selected[b-r10dmxc3en] {
    background: #f0fafa;
    border-color: #2469CE;
}

.empresa-name[b-r10dmxc3en] {
    flex: 1;
    font-weight: 600;
    color: #333;
}

.empresa-logo[b-r10dmxc3en] {
    max-height: 40px;
    max-width: 80px;
}

.check-icon[b-r10dmxc3en] {
    color: #2469CE;
    font-size: 1.25rem;
}

.btn-close-modal[b-r10dmxc3en] {
    width: 100%;
    margin-top: 1rem;
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

/* Responsive - Mobile */
@media (max-width: 767px) {
    .sidebar[b-r10dmxc3en] {
        width: 260px;
        left: -260px;
    }

    .sidebar-header[b-r10dmxc3en] {
        padding: 0.75rem 1rem;
    }

    .user-name[b-r10dmxc3en] {
        font-size: 0.95rem;
    }

    .sidebar-nav[b-r10dmxc3en] {
        padding: 0.25rem 0.5rem;
    }

    .nav-item[b-r10dmxc3en] {
        padding: 0.5rem 0.75rem;
        margin-bottom: 0.35rem;
        font-size: 0.85rem;
        border-radius: 8px;
        gap: 0.5rem;
    }

    .nav-icon[b-r10dmxc3en] {
        width: 24px;
        height: 24px;
    }

    .sidebar-footer[b-r10dmxc3en] {
        padding: 0.5rem;
    }

    .company-info[b-r10dmxc3en] {
        padding: 0.5rem;
        border-radius: 8px;
    }

    .company-name[b-r10dmxc3en] {
        font-size: 0.8rem;
        margin-bottom: 0.25rem;
    }

    .company-logo[b-r10dmxc3en] {
        max-height: 30px;
        margin-bottom: 0.25rem;
    }

    .version-text[b-r10dmxc3en] {
        font-size: 0.7rem;
    }
}

/* Responsive - Desktop */
@media (min-width: 768px) {
    .sidebar[b-r10dmxc3en] {
        left: 0;
        width: 260px;
    }

    .sidebar.open[b-r10dmxc3en] {
        left: 0;
    }

    .sidebar-overlay[b-r10dmxc3en] {
        display: none;
    }

    .main-content[b-r10dmxc3en] {
        margin-left: 260px;
    }

    .btn-menu[b-r10dmxc3en] {
        display: none;
    }
}

/* Responsive - Large Desktop */
@media (min-width: 1200px) {
    .content-area[b-r10dmxc3en] {
        max-width: 1200px;
        margin: 0 auto;
    }
}
/* /Pages/Index.razor.rz.scp.css */
.index-container[b-79qbmfmgdb] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: white;
}

.loading-container[b-79qbmfmgdb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
    gap: 1.5rem;
}

.app-logo[b-79qbmfmgdb] {
    width: 120px;
    height: 120px;
    border-radius: 25px;
    box-shadow: 0 4px 20px rgba(36, 105, 206, 0.2);
}
/* /Pages/Inicio.razor.rz.scp.css */
.inicio-container[b-10bf101zqm] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 20px;
}

.inicio-card[b-10bf101zqm] {
    background: white;
    border-radius: 20px;
    padding: 40px;
    width: 100%;
    max-width: 400px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    text-align: center;
}

.logo-container[b-10bf101zqm] {
    margin-bottom: 30px;
}

.app-logo[b-10bf101zqm] {
    width: 80px;
    height: 80px;
    margin-bottom: 15px;
}

.app-title[b-10bf101zqm] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    margin: 0;
}

.form-container[b-10bf101zqm] {
    margin-bottom: 20px;
}

.form-title[b-10bf101zqm] {
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 8px 0;
}

.form-description[b-10bf101zqm] {
    font-size: 0.9rem;
    color: #666;
    margin: 0 0 20px 0;
}

.input-group[b-10bf101zqm] {
    margin-bottom: 15px;
}

.app-code-input[b-10bf101zqm] {
    width: 100%;
    padding: 15px 20px;
    font-size: 1.5rem;
    text-align: center;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    outline: none;
    transition: all 0.3s ease;
    letter-spacing: 0.3em;
    font-weight: 600;
}

.app-code-input:focus[b-10bf101zqm] {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
}

.app-code-input.error[b-10bf101zqm] {
    border-color: #e74c3c;
    background-color: #fdf2f2;
}

.app-code-input:disabled[b-10bf101zqm] {
    background-color: #f5f5f5;
    color: #999;
}

.error-message[b-10bf101zqm] {
    background-color: #fdf2f2;
    color: #e74c3c;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 0.9rem;
    margin-bottom: 15px;
}

.success-message[b-10bf101zqm] {
    background-color: #e8f5e9;
    color: #2e7d32;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 0.9rem;
    margin-bottom: 15px;
    animation: fadeIn-b-10bf101zqm 0.3s ease;
}

@keyframes fadeIn-b-10bf101zqm {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.btn-submit[b-10bf101zqm] {
    width: 100%;
    padding: 15px;
    font-size: 1.1rem;
    font-weight: 600;
    color: white;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.btn-submit:hover:not(:disabled)[b-10bf101zqm] {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);
}

.btn-submit:disabled[b-10bf101zqm] {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
}

.btn-submit.loading[b-10bf101zqm] {
    background: #999;
}

.btn-spinner[b-10bf101zqm] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-10bf101zqm 0.8s linear infinite;
}

@keyframes spin-b-10bf101zqm {
    to {
        transform: rotate(360deg);
    }
}

.apps-link[b-10bf101zqm] {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.btn-link[b-10bf101zqm] {
    background: none;
    border: none;
    color: #667eea;
    font-size: 0.95rem;
    cursor: pointer;
    text-decoration: underline;
    padding: 0;
}

.btn-link:hover[b-10bf101zqm] {
    color: #764ba2;
}

.version-info[b-10bf101zqm] {
    margin-top: 20px;
    font-size: 0.8rem;
    color: #999;
}

/* Responsive */
@media (max-width: 480px) {
    .inicio-card[b-10bf101zqm] {
        padding: 30px 20px;
    }

    .app-title[b-10bf101zqm] {
        font-size: 1.5rem;
    }

    .app-code-input[b-10bf101zqm] {
        font-size: 1.3rem;
        padding: 12px 15px;
    }
}
/* /Pages/Logistica/EnvioDetail.razor.rz.scp.css */
.envio-detail-container[b-ufwv1czuzj] {
    min-height: 100vh;
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
}

.page-header[b-ufwv1czuzj] {
    background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);
    color: white;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.btn-back[b-ufwv1czuzj] {
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 5px;
}

.header-info[b-ufwv1czuzj] {
    flex: 1;
}

.page-title[b-ufwv1czuzj] {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0;
}

.header-subtitle[b-ufwv1czuzj] {
    font-size: 0.8rem;
    opacity: 0.9;
}

.btn-register[b-ufwv1czuzj] {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #4CAF50;
    border: none;
    color: white;
    font-size: 1.3rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.btn-register:hover:not(:disabled)[b-ufwv1czuzj] {
    background: #388E3C;
    transform: scale(1.1);
}

.btn-register:disabled[b-ufwv1czuzj] {
    background: #999;
    cursor: not-allowed;
}

.btn-register.loading[b-ufwv1czuzj] {
    background: #999;
}

.btn-spinner[b-ufwv1czuzj] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-ufwv1czuzj 0.8s linear infinite;
}

@keyframes spin-b-ufwv1czuzj {
    to {
        transform: rotate(360deg);
    }
}

/* Scanner Section */
.scanner-section[b-ufwv1czuzj] {
    background: white;
    padding: 15px 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.scan-message[b-ufwv1czuzj] {
    margin-top: 10px;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 0.9rem;
    text-align: center;
    animation: fadeIn-b-ufwv1czuzj 0.3s ease;
}

.scan-message.success[b-ufwv1czuzj] {
    background: #e8f5e9;
    color: #2e7d32;
}

.scan-message.error[b-ufwv1czuzj] {
    background: #ffebee;
    color: #c62828;
}

@keyframes fadeIn-b-ufwv1czuzj {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.content-area[b-ufwv1czuzj] {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
}

.loading-container[b-ufwv1czuzj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
}

.spinner[b-ufwv1czuzj] {
    width: 50px;
    height: 50px;
    border: 4px solid #e0e0e0;
    border-top-color: #2196F3;
    border-radius: 50%;
    animation: spin-b-ufwv1czuzj 0.8s linear infinite;
}

/* Summary Card */
.summary-card[b-ufwv1czuzj] {
    background: white;
    border-radius: 12px;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.summary-item[b-ufwv1czuzj] {
    flex: 1;
    min-width: 80px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.summary-label[b-ufwv1czuzj] {
    font-size: 0.75rem;
    color: #999;
    text-transform: uppercase;
}

.summary-value[b-ufwv1czuzj] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #333;
}

/* Totals Card */
.totals-card[b-ufwv1czuzj] {
    background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);
    border-radius: 12px;
    padding: 20px;
    display: flex;
    justify-content: space-around;
    margin-bottom: 15px;
}

.total-box[b-ufwv1czuzj] {
    text-align: center;
    color: white;
}

.total-number[b-ufwv1czuzj] {
    display: block;
    font-size: 2rem;
    font-weight: 700;
}

.total-label[b-ufwv1czuzj] {
    font-size: 0.8rem;
    opacity: 0.9;
}

/* Lines Section */
.lines-section[b-ufwv1czuzj] {
    background: white;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.section-title[b-ufwv1czuzj] {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 15px 0;
}

.lines-list[b-ufwv1czuzj] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.line-card[b-ufwv1czuzj] {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 12px 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
    transition: all 0.3s ease;
}

.line-card.scanned[b-ufwv1czuzj] {
    background: #e8f5e9;
    border-left: 4px solid #4CAF50;
}

.line-info[b-ufwv1czuzj] {
    flex: 1;
    min-width: 0;
}

.line-item[b-ufwv1czuzj] {
    display: block;
    font-weight: 600;
    color: #333;
    font-size: 0.95rem;
}

.line-description[b-ufwv1czuzj] {
    display: block;
    font-size: 0.85rem;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line-lot[b-ufwv1czuzj] {
    display: block;
    font-size: 0.8rem;
    color: #999;
    font-family: 'Courier New', monospace;
}

.line-quantity[b-ufwv1czuzj] {
    text-align: right;
}

.qty-value[b-ufwv1czuzj] {
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
    color: #2196F3;
}

.qty-unit[b-ufwv1czuzj] {
    font-size: 0.75rem;
    color: #999;
}

.scanned-badge[b-ufwv1czuzj] {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 24px;
    height: 24px;
    background: #4CAF50;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
}

.empty-lines[b-ufwv1czuzj] {
    text-align: center;
    padding: 30px;
    color: #999;
}

/* Comment Section */
.comment-section[b-ufwv1czuzj] {
    background: white;
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.comment-text[b-ufwv1czuzj] {
    color: #666;
    font-size: 0.9rem;
    margin: 0;
}

/* Modal styles */
.modal-overlay[b-ufwv1czuzj] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    z-index: 1000;
}

.modal-content[b-ufwv1czuzj] {
    background: white;
    border-radius: 20px;
    padding: 30px;
    width: 100%;
    max-width: 350px;
    text-align: center;
}

.modal-content.success[b-ufwv1czuzj] {
    border-top: 4px solid #4CAF50;
}

.modal-content.error[b-ufwv1czuzj] {
    border-top: 4px solid #e74c3c;
}

.modal-icon[b-ufwv1czuzj] {
    font-size: 3rem;
    margin-bottom: 15px;
}

.modal-content.success .modal-icon[b-ufwv1czuzj] {
    color: #4CAF50;
}

.modal-content.error .modal-icon[b-ufwv1czuzj] {
    color: #e74c3c;
}

.modal-content h3[b-ufwv1czuzj] {
    font-size: 1.2rem;
    color: #333;
    margin: 0 0 10px 0;
}

.modal-content p[b-ufwv1czuzj] {
    color: #666;
    margin: 0 0 20px 0;
}

.modal-actions[b-ufwv1czuzj] {
    display: flex;
    gap: 10px;
}

.btn-cancel[b-ufwv1czuzj] {
    flex: 1;
    padding: 12px;
    background: #f0f0f0;
    color: #666;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
}

.btn-confirm[b-ufwv1czuzj] {
    flex: 1;
    padding: 12px;
    background: #4CAF50;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-modal[b-ufwv1czuzj] {
    width: 100%;
    padding: 12px;
    background: #2196F3;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

/* Responsive */
@media (max-width: 480px) {
    .page-header[b-ufwv1czuzj] {
        padding: 12px 15px;
    }

    .page-title[b-ufwv1czuzj] {
        font-size: 1.1rem;
    }

    .content-area[b-ufwv1czuzj] {
        padding: 10px;
    }

    .totals-card[b-ufwv1czuzj] {
        padding: 15px;
    }

    .total-number[b-ufwv1czuzj] {
        font-size: 1.5rem;
    }
}
/* /Pages/Logistica/InventarioDetail.razor.rz.scp.css */
.inventario-detail-container[b-3dh3v1ftau] {
    min-height: 100vh;
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
}

.page-header[b-3dh3v1ftau] {
    background: linear-gradient(135deg, #FF9800 0%, #F57C00 100%);
    color: white;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.btn-back[b-3dh3v1ftau],
.btn-refresh[b-3dh3v1ftau] {
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 5px;
}

.btn-refresh:disabled[b-3dh3v1ftau] {
    opacity: 0.5;
}

.header-info[b-3dh3v1ftau] {
    flex: 1;
}

.page-title[b-3dh3v1ftau] {
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0;
}

.header-subtitle[b-3dh3v1ftau] {
    font-size: 0.9rem;
    opacity: 0.9;
}

/* Search Section */
.search-section[b-3dh3v1ftau] {
    background: white;
    padding: 10px 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.search-input[b-3dh3v1ftau] {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    font-size: 1rem;
    background: #f8f9fa;
}

.search-input:focus[b-3dh3v1ftau] {
    outline: none;
    border-color: #FF9800;
    background: white;
}

/* Summary Card */
.summary-card[b-3dh3v1ftau] {
    background: white;
    margin: 15px;
    border-radius: 15px;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.summary-item[b-3dh3v1ftau] {
    flex: 1;
    min-width: 80px;
    text-align: center;
}

.summary-label[b-3dh3v1ftau] {
    display: block;
    font-size: 0.75rem;
    color: #999;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.summary-value[b-3dh3v1ftau] {
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
    color: #333;
}

.summary-value.highlight[b-3dh3v1ftau] {
    color: #FF9800;
}

.summary-value.count[b-3dh3v1ftau] {
    color: #e74c3c;
    font-size: 1.5rem;
}

/* Content Area */
.content-area[b-3dh3v1ftau] {
    flex: 1;
    padding: 0 15px 100px;
    overflow-y: auto;
}

.loading-container[b-3dh3v1ftau] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
}

.spinner[b-3dh3v1ftau] {
    width: 50px;
    height: 50px;
    border: 4px solid #e0e0e0;
    border-top-color: #FF9800;
    border-radius: 50%;
    animation: spin-b-3dh3v1ftau 0.8s linear infinite;
}

.mini-spinner[b-3dh3v1ftau] {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-3dh3v1ftau 0.8s linear infinite;
}

.btn-spinner[b-3dh3v1ftau] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-3dh3v1ftau 0.8s linear infinite;
}

@keyframes spin-b-3dh3v1ftau {
    to {
        transform: rotate(360deg);
    }
}

.empty-state[b-3dh3v1ftau] {
    text-align: center;
    padding: 60px 20px;
}

.empty-icon[b-3dh3v1ftau] {
    font-size: 4rem;
    margin-bottom: 20px;
}

.empty-state h2[b-3dh3v1ftau] {
    color: #333;
    margin: 0 0 10px 0;
}

.empty-state p[b-3dh3v1ftau] {
    color: #666;
    margin: 0;
}

/* Lines List */
.lines-list[b-3dh3v1ftau] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.line-card[b-3dh3v1ftau] {
    background: white;
    border-radius: 12px;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: relative;
}

.line-card:hover[b-3dh3v1ftau] {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.line-card.loading[b-3dh3v1ftau] {
    pointer-events: none;
}

.card-loading-overlay[b-3dh3v1ftau] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 152, 0, 0.9);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.line-info[b-3dh3v1ftau] {
    flex: 1;
    min-width: 0;
}

.line-description[b-3dh3v1ftau] {
    display: block;
    font-weight: 600;
    color: #333;
    font-size: 0.95rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line-item[b-3dh3v1ftau] {
    display: block;
    font-size: 0.85rem;
    color: #666;
    margin-top: 4px;
}

.line-unit[b-3dh3v1ftau] {
    display: inline-block;
    font-size: 0.75rem;
    color: #999;
    background: #f0f0f0;
    padding: 2px 8px;
    border-radius: 4px;
    margin-top: 4px;
}

.line-quantity[b-3dh3v1ftau] {
    text-align: right;
    margin-right: 10px;
}

.qty-value[b-3dh3v1ftau] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #e74c3c;
}

.btn-delete[b-3dh3v1ftau] {
    background: none;
    border: none;
    color: #999;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 8px;
    transition: color 0.3s ease;
}

.btn-delete:hover[b-3dh3v1ftau] {
    color: #e74c3c;
}

/* Action Bar */
.action-bar[b-3dh3v1ftau] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 20px;
    background: white;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

.btn-recuento[b-3dh3v1ftau] {
    width: 100%;
    padding: 15px;
    background: linear-gradient(135deg, #FF9800 0%, #F57C00 100%);
    color: white;
    border: none;
    border-radius: 12px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s ease;
}

.btn-recuento:hover:not(:disabled)[b-3dh3v1ftau] {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(255, 152, 0, 0.4);
}

.btn-recuento:disabled[b-3dh3v1ftau] {
    background: #ccc;
    cursor: not-allowed;
}

/* Modal Styles */
.modal-overlay[b-3dh3v1ftau] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    z-index: 1000;
}

.modal-content[b-3dh3v1ftau] {
    background: white;
    border-radius: 20px;
    padding: 25px;
    width: 100%;
    max-width: 400px;
    max-height: 90vh;
    overflow-y: auto;
}

.modal-content.success[b-3dh3v1ftau] {
    border-top: 4px solid #4CAF50;
}

.modal-content.error[b-3dh3v1ftau] {
    border-top: 4px solid #e74c3c;
}

.modal-content.warning[b-3dh3v1ftau] {
    border-top: 4px solid #FF9800;
}

.modal-header[b-3dh3v1ftau] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.modal-header h3[b-3dh3v1ftau] {
    margin: 0;
    font-size: 1.3rem;
    color: #333;
}

.btn-close-modal[b-3dh3v1ftau] {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #999;
    cursor: pointer;
}

.modal-icon[b-3dh3v1ftau] {
    font-size: 3rem;
    text-align: center;
    margin-bottom: 15px;
}

.modal-content.success .modal-icon[b-3dh3v1ftau] {
    color: #4CAF50;
}

.modal-content.error .modal-icon[b-3dh3v1ftau] {
    color: #e74c3c;
}

.modal-content.warning .modal-icon[b-3dh3v1ftau] {
    color: #FF9800;
}

.modal-content h3[b-3dh3v1ftau] {
    font-size: 1.2rem;
    color: #333;
    margin: 0 0 10px 0;
    text-align: center;
}

.modal-content p[b-3dh3v1ftau] {
    color: #666;
    margin: 0 0 20px 0;
    text-align: center;
}

.modal-actions[b-3dh3v1ftau] {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.btn-cancel[b-3dh3v1ftau] {
    flex: 1;
    padding: 12px;
    background: #f0f0f0;
    color: #666;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
}

.btn-confirm[b-3dh3v1ftau] {
    flex: 1;
    padding: 12px;
    background: #4CAF50;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-confirm.danger[b-3dh3v1ftau] {
    background: #e74c3c;
}

.btn-confirm:disabled[b-3dh3v1ftau] {
    background: #ccc;
    cursor: not-allowed;
}

.btn-modal[b-3dh3v1ftau] {
    width: 100%;
    padding: 12px;
    background: #FF9800;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

/* Recuento Modal */
.recuento-modal[b-3dh3v1ftau] {
    max-width: 450px;
}

.recuento-step[b-3dh3v1ftau] {
    animation: fadeIn-b-3dh3v1ftau 0.3s ease;
}

.recuento-step h4[b-3dh3v1ftau] {
    margin: 0 0 10px 0;
    color: #333;
    font-size: 1.1rem;
}

.step-instruction[b-3dh3v1ftau] {
    color: #666;
    font-size: 0.9rem;
    margin: 0 0 20px 0;
}

.ubicacion-info[b-3dh3v1ftau] {
    background: #fff3e0;
    padding: 12px 15px;
    border-radius: 10px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.ubicacion-label[b-3dh3v1ftau] {
    color: #666;
    font-size: 0.9rem;
}

.ubicacion-value[b-3dh3v1ftau] {
    color: #FF9800;
    font-weight: 700;
    font-size: 1rem;
}

.product-info-card[b-3dh3v1ftau] {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 20px;
}

.info-grid[b-3dh3v1ftau] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.info-row[b-3dh3v1ftau] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.info-label[b-3dh3v1ftau] {
    color: #666;
    font-size: 0.9rem;
}

.info-value[b-3dh3v1ftau] {
    color: #333;
    font-size: 0.95rem;
    text-align: right;
}

.info-value.bold[b-3dh3v1ftau] {
    font-weight: 600;
}

.info-value.highlight[b-3dh3v1ftau] {
    color: #e74c3c;
    font-weight: 700;
}

.cantidad-section[b-3dh3v1ftau] {
    margin-bottom: 15px;
}

.cantidad-label[b-3dh3v1ftau] {
    display: block;
    color: #333;
    font-weight: 600;
    margin-bottom: 8px;
}

.cantidad-input[b-3dh3v1ftau] {
    width: 100%;
    padding: 15px;
    border: 2px solid #FF9800;
    border-radius: 10px;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    color: #4CAF50;
}

.cantidad-input:focus[b-3dh3v1ftau] {
    outline: none;
    border-color: #F57C00;
}

.ya-contada[b-3dh3v1ftau] {
    background: #fff3e0;
    padding: 12px 15px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.ya-contada span[b-3dh3v1ftau] {
    color: #666;
    font-size: 0.9rem;
}

.ya-contada-value[b-3dh3v1ftau] {
    color: #e74c3c !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
}

.scan-message[b-3dh3v1ftau] {
    margin-top: 15px;
    padding: 12px 15px;
    border-radius: 8px;
    font-size: 0.9rem;
    text-align: center;
    animation: fadeIn-b-3dh3v1ftau 0.3s ease;
}

.scan-message.success[b-3dh3v1ftau] {
    background: #e8f5e9;
    color: #2e7d32;
}

.scan-message.error[b-3dh3v1ftau] {
    background: #ffebee;
    color: #c62828;
}

@keyframes fadeIn-b-3dh3v1ftau {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive */
@media (max-width: 480px) {
    .page-header[b-3dh3v1ftau] {
        padding: 12px 15px;
    }

    .page-title[b-3dh3v1ftau] {
        font-size: 1.1rem;
    }

    .summary-card[b-3dh3v1ftau] {
        margin: 10px;
        padding: 15px;
        gap: 15px;
    }

    .content-area[b-3dh3v1ftau] {
        padding: 0 10px 100px;
    }

    .line-card[b-3dh3v1ftau] {
        padding: 12px;
    }

    .modal-content[b-3dh3v1ftau] {
        padding: 20px;
    }
}
/* /Pages/Logistica/Inventarios.razor.rz.scp.css */
.inventarios-container[b-zbslx490xm] {
    min-height: 100vh;
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
}

.page-header[b-zbslx490xm] {
    background: linear-gradient(135deg, #FF9800 0%, #F57C00 100%);
    color: white;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.btn-back[b-zbslx490xm],
.btn-refresh[b-zbslx490xm] {
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 5px;
}

.btn-refresh:disabled[b-zbslx490xm] {
    opacity: 0.5;
}

.page-title[b-zbslx490xm] {
    flex: 1;
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0;
}

.content-area[b-zbslx490xm] {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
}

.loading-container[b-zbslx490xm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
}

.spinner[b-zbslx490xm] {
    width: 50px;
    height: 50px;
    border: 4px solid #e0e0e0;
    border-top-color: #FF9800;
    border-radius: 50%;
    animation: spin-b-zbslx490xm 0.8s linear infinite;
}

.mini-spinner[b-zbslx490xm] {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-zbslx490xm 0.8s linear infinite;
}

@keyframes spin-b-zbslx490xm {
    to {
        transform: rotate(360deg);
    }
}

.empty-state[b-zbslx490xm] {
    text-align: center;
    padding: 60px 20px;
}

.empty-icon[b-zbslx490xm] {
    font-size: 4rem;
    margin-bottom: 20px;
}

.empty-state h2[b-zbslx490xm] {
    color: #333;
    margin: 0 0 10px 0;
}

.empty-state p[b-zbslx490xm] {
    color: #666;
    margin: 0;
}

.inventarios-list[b-zbslx490xm] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.inventario-card[b-zbslx490xm] {
    background: white;
    border-radius: 15px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.inventario-card:hover[b-zbslx490xm] {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.inventario-card.loading[b-zbslx490xm] {
    pointer-events: none;
}

.card-loading-overlay[b-zbslx490xm] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 152, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
}

.inventario-header[b-zbslx490xm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.inventario-numero[b-zbslx490xm] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #333;
}

.inventario-status[b-zbslx490xm] {
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.inventario-status.open[b-zbslx490xm] {
    background: #fff3e0;
    color: #E65100;
}

.inventario-status.closed[b-zbslx490xm] {
    background: #f5f5f5;
    color: #666;
}

.inventario-info[b-zbslx490xm] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.info-row[b-zbslx490xm] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    color: #666;
}

.info-icon[b-zbslx490xm] {
    font-size: 1rem;
}

.inventario-progress[b-zbslx490xm] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.progress-label[b-zbslx490xm] {
    font-size: 0.9rem;
    color: #FF9800;
    font-weight: 600;
}

/* Responsive */
@media (max-width: 480px) {
    .page-header[b-zbslx490xm] {
        padding: 12px 15px;
    }

    .page-title[b-zbslx490xm] {
        font-size: 1.1rem;
    }

    .content-area[b-zbslx490xm] {
        padding: 10px;
    }

    .inventario-card[b-zbslx490xm] {
        padding: 15px;
    }

    .inventario-info[b-zbslx490xm] {
        flex-direction: column;
        gap: 8px;
    }
}
/* /Pages/Logistica/MovUbicaciones.razor.rz.scp.css */
.ubicaciones-container[b-vdupqoxqjr] {
    min-height: 100vh;
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
}

.page-header[b-vdupqoxqjr] {
    background: linear-gradient(135deg, #00BCD4 0%, #0097A7 100%);
    color: white;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.btn-back[b-vdupqoxqjr] {
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 5px;
}

.page-title[b-vdupqoxqjr] {
    flex: 1;
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0;
}

/* Content Area */
.content-area[b-vdupqoxqjr] {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
}

/* Steps Indicator */
.steps-indicator[b-vdupqoxqjr] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    padding: 0 10px;
}

.step[b-vdupqoxqjr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.step-number[b-vdupqoxqjr] {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #e0e0e0;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.step.active .step-number[b-vdupqoxqjr] {
    background: #00BCD4;
    color: white;
}

.step.completed .step-number[b-vdupqoxqjr] {
    background: #4CAF50;
    color: white;
}

.step-label[b-vdupqoxqjr] {
    font-size: 0.75rem;
    color: #999;
    font-weight: 500;
}

.step.active .step-label[b-vdupqoxqjr],
.step.completed .step-label[b-vdupqoxqjr] {
    color: #333;
}

.step-line[b-vdupqoxqjr] {
    flex: 1;
    height: 3px;
    background: #e0e0e0;
    margin: 0 10px;
    margin-bottom: 20px;
    transition: background 0.3s ease;
}

.step-line.active[b-vdupqoxqjr] {
    background: #4CAF50;
}

/* Step Content */
.step-content[b-vdupqoxqjr] {
    animation: fadeIn-b-vdupqoxqjr 0.3s ease;
}

.step-header[b-vdupqoxqjr] {
    text-align: center;
    margin-bottom: 20px;
}

.step-header h2[b-vdupqoxqjr] {
    font-size: 1.2rem;
    color: #333;
    margin: 0 0 8px 0;
}

.step-header p[b-vdupqoxqjr] {
    font-size: 0.9rem;
    color: #666;
    margin: 0;
}

.step-header strong[b-vdupqoxqjr] {
    color: #00BCD4;
}

@keyframes fadeIn-b-vdupqoxqjr {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Almacen Info */
.almacen-info[b-vdupqoxqjr] {
    background: white;
    padding: 15px 20px;
    border-radius: 12px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.almacen-label[b-vdupqoxqjr] {
    color: #666;
    font-size: 0.9rem;
}

.almacen-value[b-vdupqoxqjr] {
    color: #00BCD4;
    font-weight: 700;
    font-size: 1.1rem;
}

/* Scan Message */
.scan-message[b-vdupqoxqjr] {
    margin-top: 15px;
    padding: 12px 15px;
    border-radius: 8px;
    font-size: 0.9rem;
    text-align: center;
    animation: fadeIn-b-vdupqoxqjr 0.3s ease;
}

.scan-message.success[b-vdupqoxqjr] {
    background: #e8f5e9;
    color: #2e7d32;
}

.scan-message.error[b-vdupqoxqjr] {
    background: #ffebee;
    color: #c62828;
}

/* Loading */
.loading-container[b-vdupqoxqjr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
}

.loading-container.small[b-vdupqoxqjr] {
    padding: 40px 20px;
}

.spinner[b-vdupqoxqjr] {
    width: 50px;
    height: 50px;
    border: 4px solid #e0e0e0;
    border-top-color: #00BCD4;
    border-radius: 50%;
    animation: spin-b-vdupqoxqjr 0.8s linear infinite;
}

.mini-spinner[b-vdupqoxqjr] {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-vdupqoxqjr 0.8s linear infinite;
}

.btn-spinner[b-vdupqoxqjr] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-vdupqoxqjr 0.8s linear infinite;
}

@keyframes spin-b-vdupqoxqjr {
    to {
        transform: rotate(360deg);
    }
}

/* Empty State */
.empty-state[b-vdupqoxqjr] {
    text-align: center;
    padding: 60px 20px;
}

.empty-state.small[b-vdupqoxqjr] {
    padding: 40px 20px;
}

.empty-icon[b-vdupqoxqjr] {
    font-size: 4rem;
    margin-bottom: 20px;
}

.empty-state h3[b-vdupqoxqjr] {
    color: #333;
    margin: 0 0 10px 0;
}

.empty-state p[b-vdupqoxqjr] {
    color: #666;
    margin: 0 0 20px 0;
}

/* Products List */
.products-list[b-vdupqoxqjr] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.product-card[b-vdupqoxqjr] {
    background: white;
    border-radius: 12px;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: relative;
}

.product-card:hover[b-vdupqoxqjr] {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    border-left: 4px solid #00BCD4;
}

.product-card.loading[b-vdupqoxqjr] {
    pointer-events: none;
}

.card-loading-overlay[b-vdupqoxqjr] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 188, 212, 0.9);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-info[b-vdupqoxqjr] {
    flex: 1;
    min-width: 0;
}

.product-item[b-vdupqoxqjr] {
    display: block;
    font-weight: 600;
    color: #00BCD4;
    font-size: 0.9rem;
    margin-bottom: 4px;
}

.product-description[b-vdupqoxqjr] {
    display: block;
    color: #333;
    font-size: 0.95rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
}

.product-lot[b-vdupqoxqjr] {
    display: block;
    font-size: 0.8rem;
    color: #999;
    font-family: 'Courier New', monospace;
}

.product-qty[b-vdupqoxqjr] {
    text-align: right;
}

.product-qty .qty-value[b-vdupqoxqjr] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #333;
}

/* Selected Product Card */
.selected-product-card[b-vdupqoxqjr] {
    background: white;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border-left: 4px solid #00BCD4;
}

.product-details[b-vdupqoxqjr] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.detail-row[b-vdupqoxqjr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.detail-label[b-vdupqoxqjr] {
    color: #666;
    font-size: 0.9rem;
}

.detail-value[b-vdupqoxqjr] {
    color: #333;
    font-size: 0.95rem;
    font-weight: 500;
}

.detail-value.highlight[b-vdupqoxqjr] {
    color: #00BCD4;
    font-weight: 700;
}

/* Quantity Section */
.quantity-section[b-vdupqoxqjr] {
    background: white;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.quantity-label[b-vdupqoxqjr] {
    display: block;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px;
}

.quantity-input[b-vdupqoxqjr] {
    width: 100%;
    padding: 15px;
    border: 2px solid #00BCD4;
    border-radius: 10px;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    color: #333;
}

.quantity-input:focus[b-vdupqoxqjr] {
    outline: none;
    border-color: #0097A7;
}

.quantity-max[b-vdupqoxqjr] {
    display: block;
    text-align: center;
    font-size: 0.8rem;
    color: #999;
    margin-top: 5px;
}

/* Destination Info */
.destination-info[b-vdupqoxqjr] {
    background: #e0f7fa;
    padding: 12px 15px;
    border-radius: 10px;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.destination-label[b-vdupqoxqjr] {
    color: #666;
    font-size: 0.9rem;
}

.destination-value[b-vdupqoxqjr] {
    color: #00BCD4;
    font-weight: 700;
    font-size: 1rem;
}

/* Buttons */
.btn-secondary[b-vdupqoxqjr] {
    padding: 12px 24px;
    background: #f0f0f0;
    color: #666;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
}

.btn-back-step[b-vdupqoxqjr] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    background: #f0f0f0;
    color: #666;
    border: none;
    border-radius: 10px;
    font-size: 0.95rem;
    cursor: pointer;
    margin-top: 15px;
}

.step-actions[b-vdupqoxqjr] {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.step-actions .btn-back-step[b-vdupqoxqjr] {
    flex: 0;
    margin-top: 0;
}

.btn-confirm[b-vdupqoxqjr] {
    flex: 1;
    padding: 15px;
    background: linear-gradient(135deg, #00BCD4 0%, #0097A7 100%);
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-confirm:disabled[b-vdupqoxqjr] {
    background: #ccc;
    cursor: not-allowed;
}

/* Modal Styles */
.modal-overlay[b-vdupqoxqjr] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    z-index: 1000;
}

.modal-content[b-vdupqoxqjr] {
    background: white;
    border-radius: 20px;
    padding: 25px;
    width: 100%;
    max-width: 350px;
    text-align: center;
}

.modal-content.success[b-vdupqoxqjr] {
    border-top: 4px solid #4CAF50;
}

.modal-content.error[b-vdupqoxqjr] {
    border-top: 4px solid #e74c3c;
}

.modal-icon[b-vdupqoxqjr] {
    font-size: 3rem;
    margin-bottom: 15px;
}

.modal-content.success .modal-icon[b-vdupqoxqjr] {
    color: #4CAF50;
}

.modal-content.error .modal-icon[b-vdupqoxqjr] {
    color: #e74c3c;
}

.modal-content h3[b-vdupqoxqjr] {
    font-size: 1.2rem;
    color: #333;
    margin: 0 0 10px 0;
}

.modal-content p[b-vdupqoxqjr] {
    color: #666;
    margin: 0 0 20px 0;
}

.btn-modal[b-vdupqoxqjr] {
    width: 100%;
    padding: 12px;
    background: #00BCD4;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

/* Responsive */
@media (max-width: 480px) {
    .page-header[b-vdupqoxqjr] {
        padding: 12px 15px;
    }

    .page-title[b-vdupqoxqjr] {
        font-size: 1.1rem;
    }

    .content-area[b-vdupqoxqjr] {
        padding: 10px;
    }

    .step-number[b-vdupqoxqjr] {
        width: 30px;
        height: 30px;
        font-size: 0.8rem;
    }

    .step-label[b-vdupqoxqjr] {
        font-size: 0.7rem;
    }

    .modal-content[b-vdupqoxqjr] {
        padding: 20px;
    }
}
/* /Pages/Logistica/Preparaciones.razor.rz.scp.css */
.preparaciones-container[b-f5odtgfh3a] {
    min-height: 100vh;
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
}

.page-header[b-f5odtgfh3a] {
    background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);
    color: white;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.btn-back[b-f5odtgfh3a] {
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 5px;
}

.page-title[b-f5odtgfh3a] {
    flex: 1;
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0;
}

.btn-add[b-f5odtgfh3a] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid white;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.btn-add:hover:not(:disabled)[b-f5odtgfh3a] {
    background: white;
    color: #2196F3;
}

.btn-add:disabled[b-f5odtgfh3a] {
    opacity: 0.5;
    cursor: not-allowed;
}

.search-container[b-f5odtgfh3a] {
    padding: 15px 20px;
    background: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.search-input[b-f5odtgfh3a] {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    font-size: 1rem;
    outline: none;
    transition: border-color 0.3s ease;
}

.search-input:focus[b-f5odtgfh3a] {
    border-color: #2196F3;
}

.content-area[b-f5odtgfh3a] {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
}

.loading-container[b-f5odtgfh3a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
}

.spinner[b-f5odtgfh3a] {
    width: 50px;
    height: 50px;
    border: 4px solid #e0e0e0;
    border-top-color: #2196F3;
    border-radius: 50%;
    animation: spin-b-f5odtgfh3a 0.8s linear infinite;
}

.mini-spinner[b-f5odtgfh3a] {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-f5odtgfh3a 0.8s linear infinite;
}

@keyframes spin-b-f5odtgfh3a {
    to {
        transform: rotate(360deg);
    }
}

.empty-state[b-f5odtgfh3a] {
    text-align: center;
    padding: 60px 20px;
}

.empty-icon[b-f5odtgfh3a] {
    font-size: 4rem;
    margin-bottom: 20px;
}

.empty-state h2[b-f5odtgfh3a] {
    color: #333;
    margin: 0 0 10px 0;
}

.empty-state p[b-f5odtgfh3a] {
    color: #666;
    margin: 0 0 20px 0;
}

.btn-primary[b-f5odtgfh3a] {
    padding: 12px 30px;
    background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);
    color: white;
    border: none;
    border-radius: 25px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-primary:hover[b-f5odtgfh3a] {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(33, 150, 243, 0.4);
}

.envios-list[b-f5odtgfh3a] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.envio-card[b-f5odtgfh3a] {
    background: white;
    border-radius: 15px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.envio-card:hover[b-f5odtgfh3a] {
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.envio-card.loading[b-f5odtgfh3a] {
    pointer-events: none;
}

.card-loading-overlay[b-f5odtgfh3a] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(33, 150, 243, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
}

.envio-header[b-f5odtgfh3a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.envio-numero[b-f5odtgfh3a] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #333;
}

.envio-status[b-f5odtgfh3a] {
    padding: 4px 12px;
    border-radius: 15px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.envio-status.open[b-f5odtgfh3a] {
    background: #e3f2fd;
    color: #1976D2;
}

.envio-status.registered[b-f5odtgfh3a] {
    background: #e8f5e9;
    color: #388E3C;
}

.envio-status.closed[b-f5odtgfh3a] {
    background: #f5f5f5;
    color: #666;
}

.envio-info[b-f5odtgfh3a] {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.info-row[b-f5odtgfh3a] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    color: #666;
}

.info-icon[b-f5odtgfh3a] {
    font-size: 1rem;
}

.envio-totals[b-f5odtgfh3a] {
    display: flex;
    gap: 20px;
}

.total-item[b-f5odtgfh3a] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.total-label[b-f5odtgfh3a] {
    font-size: 0.75rem;
    color: #999;
    text-transform: uppercase;
}

.total-value[b-f5odtgfh3a] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #2196F3;
}

/* Responsive */
@media (max-width: 480px) {
    .page-header[b-f5odtgfh3a] {
        padding: 12px 15px;
    }

    .page-title[b-f5odtgfh3a] {
        font-size: 1.1rem;
    }

    .content-area[b-f5odtgfh3a] {
        padding: 10px;
    }

    .envio-card[b-f5odtgfh3a] {
        padding: 15px;
    }

    .envio-info[b-f5odtgfh3a] {
        flex-direction: column;
        gap: 8px;
    }
}
/* /Pages/Logistica/Recepciones.razor.rz.scp.css */
.recepciones-container[b-ar2ge9old9] {
    min-height: 100vh;
    background: #f5f5f5;
    display: flex;
    flex-direction: column;
}

.page-header[b-ar2ge9old9] {
    background: linear-gradient(135deg, #9C27B0 0%, #7B1FA2 100%);
    color: white;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.btn-back[b-ar2ge9old9],
.btn-refresh[b-ar2ge9old9] {
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 5px;
}

.btn-refresh:disabled[b-ar2ge9old9] {
    opacity: 0.5;
}

.page-title[b-ar2ge9old9] {
    flex: 1;
    font-size: 1.3rem;
    font-weight: 600;
    margin: 0;
}

/* Search Section */
.search-section[b-ar2ge9old9] {
    background: white;
    padding: 10px 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.search-input[b-ar2ge9old9] {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    font-size: 1rem;
    background: #f8f9fa;
}

.search-input:focus[b-ar2ge9old9] {
    outline: none;
    border-color: #9C27B0;
    background: white;
}

/* Scanner Section */
.scanner-section[b-ar2ge9old9] {
    background: white;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.scan-message[b-ar2ge9old9] {
    margin-top: 10px;
    padding: 12px 15px;
    border-radius: 8px;
    font-size: 0.9rem;
    text-align: center;
    animation: fadeIn-b-ar2ge9old9 0.3s ease;
}

.scan-message.success[b-ar2ge9old9] {
    background: #e8f5e9;
    color: #2e7d32;
}

.scan-message.error[b-ar2ge9old9] {
    background: #ffebee;
    color: #c62828;
}

@keyframes fadeIn-b-ar2ge9old9 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Content Area */
.content-area[b-ar2ge9old9] {
    flex: 1;
    padding: 15px;
    overflow-y: auto;
}

.loading-container[b-ar2ge9old9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
}

.spinner[b-ar2ge9old9] {
    width: 50px;
    height: 50px;
    border: 4px solid #e0e0e0;
    border-top-color: #9C27B0;
    border-radius: 50%;
    animation: spin-b-ar2ge9old9 0.8s linear infinite;
}

.mini-spinner[b-ar2ge9old9] {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-ar2ge9old9 0.8s linear infinite;
}

.btn-spinner[b-ar2ge9old9] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-ar2ge9old9 0.8s linear infinite;
}

@keyframes spin-b-ar2ge9old9 {
    to {
        transform: rotate(360deg);
    }
}

.empty-state[b-ar2ge9old9] {
    text-align: center;
    padding: 60px 20px;
}

.empty-icon[b-ar2ge9old9] {
    font-size: 4rem;
    margin-bottom: 20px;
}

.empty-state h2[b-ar2ge9old9] {
    color: #333;
    margin: 0 0 10px 0;
}

.empty-state p[b-ar2ge9old9] {
    color: #666;
    margin: 0;
}

/* Lines List */
.lines-list[b-ar2ge9old9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.line-card[b-ar2ge9old9] {
    background: white;
    border-radius: 12px;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: relative;
}

.line-card:hover[b-ar2ge9old9] {
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.line-card.scanned[b-ar2ge9old9] {
    background: #f3e5f5;
    border-left: 4px solid #9C27B0;
}

.line-card.loading[b-ar2ge9old9] {
    pointer-events: none;
}

.card-loading-overlay[b-ar2ge9old9] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(156, 39, 176, 0.9);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.line-info[b-ar2ge9old9] {
    flex: 1;
    min-width: 0;
}

.line-document[b-ar2ge9old9] {
    display: block;
    font-size: 0.75rem;
    color: #9C27B0;
    font-weight: 600;
    margin-bottom: 4px;
}

.line-item[b-ar2ge9old9] {
    display: block;
    font-size: 0.85rem;
    color: #666;
    margin-bottom: 4px;
}

.line-description[b-ar2ge9old9] {
    display: block;
    font-weight: 600;
    color: #333;
    font-size: 0.95rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
}

.line-vendor[b-ar2ge9old9] {
    display: block;
    font-size: 0.8rem;
    color: #999;
}

.line-quantities[b-ar2ge9old9] {
    text-align: right;
    min-width: 100px;
}

.qty-row[b-ar2ge9old9] {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    margin-bottom: 4px;
}

.qty-label[b-ar2ge9old9] {
    color: #666;
    font-size: 0.75rem;
}

.qty-value[b-ar2ge9old9] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #333;
}

.qty-value.to-receive[b-ar2ge9old9] {
    color: #4CAF50;
    font-size: 1.1rem;
}

.qty-unit[b-ar2ge9old9] {
    display: block;
    font-size: 0.7rem;
    color: #999;
    background: #f0f0f0;
    padding: 2px 8px;
    border-radius: 4px;
    text-align: center;
}

.scanned-badge[b-ar2ge9old9] {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 24px;
    height: 24px;
    background: #9C27B0;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
}

/* Modal Styles */
.modal-overlay[b-ar2ge9old9] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    z-index: 1000;
}

.modal-content[b-ar2ge9old9] {
    background: white;
    border-radius: 20px;
    padding: 25px;
    width: 100%;
    max-width: 400px;
    max-height: 90vh;
    overflow-y: auto;
}

.modal-content.success[b-ar2ge9old9] {
    border-top: 4px solid #4CAF50;
}

.modal-content.error[b-ar2ge9old9] {
    border-top: 4px solid #e74c3c;
}

.modal-header[b-ar2ge9old9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.modal-header h3[b-ar2ge9old9] {
    margin: 0;
    font-size: 1.2rem;
    color: #333;
}

.btn-close-modal[b-ar2ge9old9] {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #999;
    cursor: pointer;
}

.modal-icon[b-ar2ge9old9] {
    font-size: 3rem;
    text-align: center;
    margin-bottom: 15px;
}

.modal-content.success .modal-icon[b-ar2ge9old9] {
    color: #4CAF50;
}

.modal-content.error .modal-icon[b-ar2ge9old9] {
    color: #e74c3c;
}

.modal-content h3[b-ar2ge9old9] {
    font-size: 1.2rem;
    color: #333;
    margin: 0 0 10px 0;
    text-align: center;
}

.modal-content p[b-ar2ge9old9] {
    color: #666;
    margin: 0 0 20px 0;
    text-align: center;
}

/* Product Info */
.product-info[b-ar2ge9old9] {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 15px;
    margin-bottom: 20px;
}

.info-row[b-ar2ge9old9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

.info-row:last-child[b-ar2ge9old9] {
    border-bottom: none;
}

.info-label[b-ar2ge9old9] {
    color: #666;
    font-size: 0.9rem;
}

.info-value[b-ar2ge9old9] {
    color: #333;
    font-size: 0.95rem;
    text-align: right;
}

.info-value.bold[b-ar2ge9old9] {
    font-weight: 600;
    color: #9C27B0;
}

/* Quantity Input */
.quantity-input-section[b-ar2ge9old9] {
    margin-bottom: 20px;
}

.quantity-label[b-ar2ge9old9] {
    display: block;
    color: #333;
    font-weight: 600;
    margin-bottom: 8px;
}

.quantity-input[b-ar2ge9old9] {
    width: 100%;
    padding: 15px;
    border: 2px solid #9C27B0;
    border-radius: 10px;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    color: #4CAF50;
}

.quantity-input:focus[b-ar2ge9old9] {
    outline: none;
    border-color: #7B1FA2;
}

/* Modal Actions */
.modal-actions[b-ar2ge9old9] {
    display: flex;
    gap: 10px;
}

.btn-cancel[b-ar2ge9old9] {
    flex: 1;
    padding: 12px;
    background: #f0f0f0;
    color: #666;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
}

.btn-confirm[b-ar2ge9old9] {
    flex: 1;
    padding: 12px;
    background: #9C27B0;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-confirm:disabled[b-ar2ge9old9] {
    background: #ccc;
    cursor: not-allowed;
}

.btn-modal[b-ar2ge9old9] {
    width: 100%;
    padding: 12px;
    background: #9C27B0;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

/* Responsive */
@media (max-width: 480px) {
    .page-header[b-ar2ge9old9] {
        padding: 12px 15px;
    }

    .page-title[b-ar2ge9old9] {
        font-size: 1.1rem;
    }

    .content-area[b-ar2ge9old9] {
        padding: 10px;
    }

    .line-card[b-ar2ge9old9] {
        padding: 12px;
    }

    .modal-content[b-ar2ge9old9] {
        padding: 20px;
    }
}
/* /Pages/Ventas/AlbaranVenta.razor.rz.scp.css */
.shipment-detail-container[b-abnyl1zusi] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #f5f5f5;
}

.page-header[b-abnyl1zusi] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: linear-gradient(135deg, #00bcd4 0%, #0097a7 100%);
    color: white;
    gap: 1rem;
}

.btn-back[b-abnyl1zusi], .btn-icon[b-abnyl1zusi] {
    background: rgba(255,255,255,0.2);
    border: none;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-back:hover[b-abnyl1zusi], .btn-icon:hover[b-abnyl1zusi] {
    background: rgba(255,255,255,0.3);
}

.page-title[b-abnyl1zusi] {
    flex: 1;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.header-actions[b-abnyl1zusi] {
    display: flex;
    gap: 0.5rem;
}

.content-area[b-abnyl1zusi] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.loading-container[b-abnyl1zusi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    gap: 1rem;
}

.spinner[b-abnyl1zusi] {
    width: 40px;
    height: 40px;
    border: 3px solid #e0e0e0;
    border-top-color: #00bcd4;
    border-radius: 50%;
    animation: spin-b-abnyl1zusi 1s linear infinite;
}

@keyframes spin-b-abnyl1zusi {
    to { transform: rotate(360deg); }
}

.empty-state[b-abnyl1zusi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    text-align: center;
    color: #666;
}

.empty-icon[b-abnyl1zusi] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.info-card[b-abnyl1zusi], .lines-card[b-abnyl1zusi] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
}

.info-header[b-abnyl1zusi], .lines-header[b-abnyl1zusi] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
    gap: 0.5rem;
}

.info-icon[b-abnyl1zusi] {
    font-size: 1.25rem;
}

.info-header h3[b-abnyl1zusi], .lines-header h3[b-abnyl1zusi] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
}

.info-content[b-abnyl1zusi] {
    padding: 0.75rem 1rem;
}

.info-row[b-abnyl1zusi] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f0f0f0;
}

.info-row:last-child[b-abnyl1zusi] {
    border-bottom: none;
}

.info-label[b-abnyl1zusi] {
    color: #666;
    font-size: 0.9rem;
}

.info-value[b-abnyl1zusi] {
    font-weight: 500;
    color: #333;
}

.info-value.highlight[b-abnyl1zusi] {
    color: #00bcd4;
    font-weight: 600;
}

.lines-list[b-abnyl1zusi] {
    padding: 0.5rem;
}

.line-item[b-abnyl1zusi] {
    padding: 0.75rem;
    border-bottom: 1px solid #f0f0f0;
}

.line-item:last-child[b-abnyl1zusi] {
    border-bottom: none;
}

.line-main[b-abnyl1zusi] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.5rem;
}

.line-code[b-abnyl1zusi] {
    font-size: 0.75rem;
    color: #00bcd4;
    font-weight: 500;
}

.line-desc[b-abnyl1zusi] {
    font-size: 0.9rem;
    color: #333;
}

.line-details[b-abnyl1zusi] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.detail-group[b-abnyl1zusi] {
    display: flex;
    flex-direction: column;
}

.detail-label[b-abnyl1zusi] {
    font-size: 0.7rem;
    color: #999;
    text-transform: uppercase;
}

.detail-value[b-abnyl1zusi] {
    font-size: 0.9rem;
    font-weight: 500;
}

.actions-bar[b-abnyl1zusi] {
    display: flex;
    gap: 1rem;
    padding: 1rem 0;
}

.btn-action[b-abnyl1zusi] {
    flex: 1;
    padding: 0.875rem 1.5rem;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-send[b-abnyl1zusi] {
    background: #00bcd4;
    color: white;
}

.btn-send:hover[b-abnyl1zusi] {
    background: #0097a7;
}

.btn-repeat[b-abnyl1zusi] {
    background: #ff9800;
    color: white;
}

.btn-repeat:hover[b-abnyl1zusi] {
    background: #f57c00;
}
/* /Pages/Ventas/CustomerList.razor.rz.scp.css */
.customer-container[b-y4lwtv7yux] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.page-header[b-y4lwtv7yux] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-y4lwtv7yux] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.page-title[b-y4lwtv7yux] {
    flex: 1;
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.search-section[b-y4lwtv7yux] {
    padding: 1rem;
    background: white;
    border-bottom: 1px solid #e0e0e0;
}

.search-box[b-y4lwtv7yux] {
    display: flex;
    align-items: center;
    background: #f5f5f5;
    border-radius: 12px;
    padding: 0.75rem 1rem;
    gap: 0.75rem;
}

.search-icon[b-y4lwtv7yux] {
    color: #999;
    font-size: 1.1rem;
}

.search-box input[b-y4lwtv7yux] {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 1rem;
    outline: none;
}

.btn-clear-search[b-y4lwtv7yux] {
    background: #ddd;
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 0.8rem;
    cursor: pointer;
    color: #666;
}

.content-area[b-y4lwtv7yux] {
    flex: 1;
    padding: 1rem;
    padding-bottom: 100px;
}

.loading-container[b-y4lwtv7yux] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.spinner[b-y4lwtv7yux] {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top: 4px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-y4lwtv7yux 1s linear infinite;
}

@keyframes spin-b-y4lwtv7yux {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.empty-state[b-y4lwtv7yux] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-y4lwtv7yux] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-y4lwtv7yux] {
    color: #333;
    margin-bottom: 0.5rem;
}

.empty-state p[b-y4lwtv7yux] {
    color: #666;
    margin-bottom: 1.5rem;
}

.btn-primary[b-y4lwtv7yux] {
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
}

.btn-primary:hover[b-y4lwtv7yux] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(36, 105, 206, 0.4);
}

.customer-list[b-y4lwtv7yux] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.customer-card[b-y4lwtv7yux] {
    background: white;
    border: 2px solid transparent;
    border-radius: 12px;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.customer-card:hover[b-y4lwtv7yux] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.customer-card.selected[b-y4lwtv7yux] {
    border-color: #2469CE;
    background: #f0fafa;
}

.customer-avatar[b-y4lwtv7yux] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    font-size: 1rem;
    flex-shrink: 0;
}

.customer-info[b-y4lwtv7yux] {
    flex: 1;
    min-width: 0;
}

.customer-name[b-y4lwtv7yux] {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 0.25rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.customer-code[b-y4lwtv7yux] {
    font-size: 0.8rem;
    color: #2469CE;
    font-weight: 600;
    margin: 0 0 0.25rem 0;
}

.customer-address[b-y4lwtv7yux],
.customer-phone[b-y4lwtv7yux] {
    font-size: 0.85rem;
    color: #666;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.customer-stats[b-y4lwtv7yux] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
}

.balance-due[b-y4lwtv7yux] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #ef4444;
}

.discount-badge[b-y4lwtv7yux] {
    background: #10b981;
    color: white;
    padding: 0.2rem 0.5rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
}

.customer-action[b-y4lwtv7yux] {
    color: #999;
}

.arrow[b-y4lwtv7yux] {
    font-size: 1.5rem;
}

.floating-action[b-y4lwtv7yux] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem;
    background: white;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
}

.btn-continue[b-y4lwtv7yux] {
    width: 100%;
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border: none;
    border-radius: 12px;
    padding: 1rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: transform 0.2s, box-shadow 0.2s;
}

.btn-continue:hover[b-y4lwtv7yux] {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(36, 105, 206, 0.4);
}

/* Modal */
.modal-overlay[b-y4lwtv7yux] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    padding: 1rem;
}

.modal-content[b-y4lwtv7yux] {
    background: white;
    border-radius: 16px;
    padding: 1.5rem;
    max-width: 500px;
    width: 100%;
    max-height: 80vh;
    overflow-y: auto;
}

.modal-content h3[b-y4lwtv7yux] {
    margin: 0 0 0.25rem 0;
    color: #333;
}

.modal-subtitle[b-y4lwtv7yux] {
    color: #666;
    margin: 0 0 1rem 0;
}

.no-addresses[b-y4lwtv7yux] {
    text-align: center;
    color: #666;
    padding: 1rem;
}

.address-list[b-y4lwtv7yux] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.address-item[b-y4lwtv7yux] {
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    padding: 1rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.2s;
}

.address-item:hover[b-y4lwtv7yux] {
    border-color: #2469CE;
}

.address-item.selected[b-y4lwtv7yux] {
    border-color: #2469CE;
    background: #f0fafa;
}

.address-info strong[b-y4lwtv7yux] {
    color: #333;
    display: block;
    margin-bottom: 0.25rem;
}

.address-info p[b-y4lwtv7yux] {
    margin: 0;
    color: #666;
    font-size: 0.9rem;
}

.check[b-y4lwtv7yux] {
    color: #2469CE;
    font-size: 1.25rem;
    font-weight: bold;
}

.modal-content .btn-primary[b-y4lwtv7yux] {
    width: 100%;
    margin-bottom: 0.5rem;
}

.btn-secondary[b-y4lwtv7yux] {
    width: 100%;
    background: transparent;
    border: 1px solid #e0e0e0;
    color: #666;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-secondary:hover[b-y4lwtv7yux] {
    background: #f5f5f5;
}

/* Responsive */
@media (min-width: 768px) {
    .content-area[b-y4lwtv7yux] {
        max-width: 800px;
        margin: 0 auto;
    }

    .floating-action[b-y4lwtv7yux] {
        max-width: 800px;
        left: 50%;
        transform: translateX(-50%);
    }
}
/* /Pages/Ventas/EstadisticasVentas.razor.rz.scp.css */
.stats-container[b-sl0d861apn] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #f5f5f5;
}

.page-header[b-sl0d861apn] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: linear-gradient(135deg, #673ab7 0%, #512da8 100%);
    color: white;
    gap: 1rem;
}

.btn-back[b-sl0d861apn], .btn-icon[b-sl0d861apn] {
    background: rgba(255,255,255,0.2);
    border: none;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-back:hover[b-sl0d861apn], .btn-icon:hover[b-sl0d861apn] {
    background: rgba(255,255,255,0.3);
}

.page-title[b-sl0d861apn] {
    flex: 1;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.header-actions[b-sl0d861apn] {
    display: flex;
    gap: 0.5rem;
}

.content-area[b-sl0d861apn] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.loading-container[b-sl0d861apn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    gap: 1rem;
}

.spinner[b-sl0d861apn] {
    width: 40px;
    height: 40px;
    border: 3px solid #e0e0e0;
    border-top-color: #673ab7;
    border-radius: 50%;
    animation: spin-b-sl0d861apn 1s linear infinite;
}

@keyframes spin-b-sl0d861apn {
    to { transform: rotate(360deg); }
}

.empty-state[b-sl0d861apn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    text-align: center;
    color: #666;
}

.empty-icon[b-sl0d861apn] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-sl0d861apn] {
    margin: 0 0 0.5rem;
    color: #333;
}

/* Summary Card */
.summary-card[b-sl0d861apn] {
    display: flex;
    align-items: center;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    padding: 1rem;
    gap: 0.5rem;
}

.summary-item[b-sl0d861apn] {
    flex: 1;
    text-align: center;
}

.summary-label[b-sl0d861apn] {
    display: block;
    font-size: 0.75rem;
    color: #666;
    margin-bottom: 0.25rem;
}

.summary-value[b-sl0d861apn] {
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
}

.summary-value.current[b-sl0d861apn] {
    color: #673ab7;
}

.summary-value.previous[b-sl0d861apn] {
    color: #9e9e9e;
}

.summary-value.positive[b-sl0d861apn] {
    color: #4caf50;
}

.summary-value.negative[b-sl0d861apn] {
    color: #f44336;
}

.summary-divider[b-sl0d861apn] {
    width: 1px;
    height: 40px;
    background: #e0e0e0;
}

/* Chart Card */
.chart-card[b-sl0d861apn] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    padding: 1rem;
}

.chart-title[b-sl0d861apn] {
    margin: 0 0 1rem;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
}

.chart-container[b-sl0d861apn] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    height: 180px;
    padding: 0 0.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.chart-bar-group[b-sl0d861apn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

.bars-container[b-sl0d861apn] {
    display: flex;
    gap: 2px;
    align-items: flex-end;
    height: 160px;
}

.bar[b-sl0d861apn] {
    width: 14px;
    min-height: 5px;
    border-radius: 4px 4px 0 0;
    position: relative;
}

.bar.current[b-sl0d861apn] {
    background: linear-gradient(180deg, #673ab7 0%, #9575cd 100%);
}

.bar.previous[b-sl0d861apn] {
    background: #e0e0e0;
}

.bar-value[b-sl0d861apn] {
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.6rem;
    color: #673ab7;
    white-space: nowrap;
    font-weight: 600;
}

.bar-label[b-sl0d861apn] {
    font-size: 0.65rem;
    color: #666;
    margin-top: 0.5rem;
}

.chart-legend[b-sl0d861apn] {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    margin-top: 1rem;
}

.legend-item[b-sl0d861apn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: #666;
}

.legend-color[b-sl0d861apn] {
    width: 12px;
    height: 12px;
    border-radius: 2px;
}

.legend-color.current[b-sl0d861apn] {
    background: #673ab7;
}

.legend-color.previous[b-sl0d861apn] {
    background: #e0e0e0;
}

/* Detail Card */
.detail-card[b-sl0d861apn] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
}

.detail-title[b-sl0d861apn] {
    margin: 0;
    padding: 1rem;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    background: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
}

.detail-list[b-sl0d861apn] {
    padding: 0.5rem;
}

.detail-item[b-sl0d861apn] {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    border-bottom: 1px solid #f0f0f0;
}

.detail-item:last-child[b-sl0d861apn] {
    border-bottom: none;
}

.detail-month[b-sl0d861apn] {
    min-width: 90px;
}

.month-name[b-sl0d861apn] {
    font-weight: 500;
    color: #333;
}

.detail-values[b-sl0d861apn] {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.value-group[b-sl0d861apn] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 70px;
}

.value-label[b-sl0d861apn] {
    font-size: 0.65rem;
    color: #999;
    text-transform: uppercase;
}

.value-amount[b-sl0d861apn] {
    font-size: 0.85rem;
    font-weight: 600;
}

.value-amount.current[b-sl0d861apn] {
    color: #673ab7;
}

.value-amount.previous[b-sl0d861apn] {
    color: #9e9e9e;
}

.value-amount.positive[b-sl0d861apn] {
    color: #4caf50;
}

.value-amount.negative[b-sl0d861apn] {
    color: #f44336;
}

@media (max-width: 480px) {
    .summary-card[b-sl0d861apn] {
        flex-direction: column;
        gap: 1rem;
    }

    .summary-divider[b-sl0d861apn] {
        width: 80%;
        height: 1px;
    }

    .detail-values[b-sl0d861apn] {
        gap: 0.5rem;
    }

    .value-group[b-sl0d861apn] {
        min-width: 55px;
    }
}
/* /Pages/Ventas/FacturaVenta.razor.rz.scp.css */
.invoice-detail-container[b-jrpb5o1vt4] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #f5f5f5;
}

.page-header[b-jrpb5o1vt4] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);
    color: white;
    gap: 1rem;
}

.btn-back[b-jrpb5o1vt4], .btn-icon[b-jrpb5o1vt4] {
    background: rgba(255,255,255,0.2);
    border: none;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-back:hover[b-jrpb5o1vt4], .btn-icon:hover[b-jrpb5o1vt4] {
    background: rgba(255,255,255,0.3);
}

.page-title[b-jrpb5o1vt4] {
    flex: 1;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.header-actions[b-jrpb5o1vt4] {
    display: flex;
    gap: 0.5rem;
}

.content-area[b-jrpb5o1vt4] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.loading-container[b-jrpb5o1vt4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    gap: 1rem;
}

.spinner[b-jrpb5o1vt4] {
    width: 40px;
    height: 40px;
    border: 3px solid #e0e0e0;
    border-top-color: #4caf50;
    border-radius: 50%;
    animation: spin-b-jrpb5o1vt4 1s linear infinite;
}

@keyframes spin-b-jrpb5o1vt4 {
    to { transform: rotate(360deg); }
}

.empty-state[b-jrpb5o1vt4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    text-align: center;
    color: #666;
}

.empty-icon[b-jrpb5o1vt4] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.info-card[b-jrpb5o1vt4], .lines-card[b-jrpb5o1vt4], .totals-card[b-jrpb5o1vt4] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
}

.info-header[b-jrpb5o1vt4], .lines-header[b-jrpb5o1vt4] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
    gap: 0.5rem;
}

.info-icon[b-jrpb5o1vt4] {
    font-size: 1.25rem;
}

.info-header h3[b-jrpb5o1vt4], .lines-header h3[b-jrpb5o1vt4] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
}

.info-content[b-jrpb5o1vt4] {
    padding: 0.75rem 1rem;
}

.info-row[b-jrpb5o1vt4] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f0f0f0;
}

.info-row:last-child[b-jrpb5o1vt4] {
    border-bottom: none;
}

.info-label[b-jrpb5o1vt4] {
    color: #666;
    font-size: 0.9rem;
}

.info-value[b-jrpb5o1vt4] {
    font-weight: 500;
    color: #333;
}

.info-value.highlight[b-jrpb5o1vt4] {
    color: #4caf50;
    font-weight: 600;
}

.lines-list[b-jrpb5o1vt4] {
    padding: 0.5rem;
}

.line-item[b-jrpb5o1vt4] {
    padding: 0.75rem;
    border-bottom: 1px solid #f0f0f0;
}

.line-item:last-child[b-jrpb5o1vt4] {
    border-bottom: none;
}

.line-main[b-jrpb5o1vt4] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.5rem;
}

.line-code[b-jrpb5o1vt4] {
    font-size: 0.75rem;
    color: #4caf50;
    font-weight: 500;
}

.line-desc[b-jrpb5o1vt4] {
    font-size: 0.9rem;
    color: #333;
}

.line-details[b-jrpb5o1vt4] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.detail-group[b-jrpb5o1vt4] {
    display: flex;
    flex-direction: column;
}

.detail-label[b-jrpb5o1vt4] {
    font-size: 0.7rem;
    color: #999;
    text-transform: uppercase;
}

.detail-value[b-jrpb5o1vt4] {
    font-size: 0.9rem;
    font-weight: 500;
}

.detail-value.discount[b-jrpb5o1vt4] {
    color: #f44336;
}

.detail-value.amount[b-jrpb5o1vt4] {
    color: #4caf50;
}

.totals-card[b-jrpb5o1vt4] {
    padding: 1rem;
}

.total-row[b-jrpb5o1vt4] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f0f0f0;
}

.total-row:last-child[b-jrpb5o1vt4] {
    border-bottom: none;
}

.total-row.main[b-jrpb5o1vt4] {
    padding-top: 0.75rem;
    margin-top: 0.5rem;
    border-top: 2px solid #e0e0e0;
}

.total-label[b-jrpb5o1vt4] {
    color: #666;
}

.total-row.main .total-label[b-jrpb5o1vt4] {
    font-weight: 600;
    color: #333;
    font-size: 1.1rem;
}

.total-value[b-jrpb5o1vt4] {
    font-weight: 600;
}

.total-row.main .total-value[b-jrpb5o1vt4] {
    font-size: 1.25rem;
    color: #4caf50;
}

.actions-bar[b-jrpb5o1vt4] {
    display: flex;
    gap: 1rem;
    padding: 1rem 0;
}

.btn-action[b-jrpb5o1vt4] {
    flex: 1;
    padding: 0.875rem 1.5rem;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

.btn-send[b-jrpb5o1vt4] {
    background: #4caf50;
    color: white;
}

.btn-send:hover[b-jrpb5o1vt4] {
    background: #388e3c;
}

.btn-repeat[b-jrpb5o1vt4] {
    background: #ff9800;
    color: white;
}

.btn-repeat:hover[b-jrpb5o1vt4] {
    background: #f57c00;
}

@media (max-width: 480px) {
    .line-details[b-jrpb5o1vt4] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .actions-bar[b-jrpb5o1vt4] {
        flex-direction: column;
    }
}
/* /Pages/Ventas/ListaAlbaranesVenta.razor.rz.scp.css */
.shipments-container[b-42brrlbx06] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #f5f5f5;
}

.page-header[b-42brrlbx06] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: linear-gradient(135deg, #00bcd4 0%, #0097a7 100%);
    color: white;
    gap: 1rem;
}

.btn-back[b-42brrlbx06], .btn-icon[b-42brrlbx06] {
    background: rgba(255,255,255,0.2);
    border: none;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-back:hover[b-42brrlbx06], .btn-icon:hover[b-42brrlbx06] {
    background: rgba(255,255,255,0.3);
}

.page-title[b-42brrlbx06] {
    flex: 1;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.header-actions[b-42brrlbx06] {
    display: flex;
    gap: 0.5rem;
}

.search-bar[b-42brrlbx06] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    background: white;
    border-bottom: 1px solid #e0e0e0;
    gap: 0.5rem;
}

.search-input[b-42brrlbx06] {
    flex: 1;
    padding: 0.75rem 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 25px;
    font-size: 1rem;
    outline: none;
}

.search-input:focus[b-42brrlbx06] {
    border-color: #00bcd4;
}

.btn-clear[b-42brrlbx06] {
    background: #e0e0e0;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0.9rem;
}

.content-area[b-42brrlbx06] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.loading-container[b-42brrlbx06] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    gap: 1rem;
}

.spinner[b-42brrlbx06] {
    width: 40px;
    height: 40px;
    border: 3px solid #e0e0e0;
    border-top-color: #00bcd4;
    border-radius: 50%;
    animation: spin-b-42brrlbx06 1s linear infinite;
}

@keyframes spin-b-42brrlbx06 {
    to { transform: rotate(360deg); }
}

.empty-state[b-42brrlbx06] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    text-align: center;
    color: #666;
}

.empty-icon[b-42brrlbx06] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-42brrlbx06] {
    margin: 0 0 0.5rem;
    color: #333;
}

.shipments-list[b-42brrlbx06] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.shipment-card[b-42brrlbx06] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.2s;
}

.shipment-card:hover[b-42brrlbx06] {
    transform: translateY(-2px);
}

.shipment-card.loading[b-42brrlbx06] {
    opacity: 0.7;
    pointer-events: none;
}

.shipment-header[b-42brrlbx06] {
    padding: 1rem;
}

.shipment-info[b-42brrlbx06] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.shipment-number[b-42brrlbx06] {
    font-weight: 600;
    color: #00bcd4;
    font-size: 1rem;
}

.shipment-date[b-42brrlbx06] {
    font-size: 0.85rem;
    color: #666;
}

.shipment-customer[b-42brrlbx06] {
    font-weight: 500;
    color: #333;
    margin-bottom: 0.25rem;
}

.shipment-address[b-42brrlbx06] {
    font-size: 0.85rem;
    color: #666;
}

.shipment-footer[b-42brrlbx06] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f8f8f8;
    border-top: 1px solid #e0e0e0;
}

.shipment-lines[b-42brrlbx06] {
    font-size: 0.85rem;
    color: #666;
}

.arrow-icon[b-42brrlbx06] {
    font-size: 1.25rem;
    color: #00bcd4;
}
/* /Pages/Ventas/ListaFacturasVenta.razor.rz.scp.css */
.invoices-container[b-o3r8hcsj5i] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #f5f5f5;
}

.page-header[b-o3r8hcsj5i] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);
    color: white;
    gap: 1rem;
}

.btn-back[b-o3r8hcsj5i], .btn-icon[b-o3r8hcsj5i] {
    background: rgba(255,255,255,0.2);
    border: none;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-back:hover[b-o3r8hcsj5i], .btn-icon:hover[b-o3r8hcsj5i] {
    background: rgba(255,255,255,0.3);
}

.page-title[b-o3r8hcsj5i] {
    flex: 1;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.header-actions[b-o3r8hcsj5i] {
    display: flex;
    gap: 0.5rem;
}

.search-bar[b-o3r8hcsj5i] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    background: white;
    border-bottom: 1px solid #e0e0e0;
    gap: 0.5rem;
}

.search-input[b-o3r8hcsj5i] {
    flex: 1;
    padding: 0.75rem 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 25px;
    font-size: 1rem;
    outline: none;
}

.search-input:focus[b-o3r8hcsj5i] {
    border-color: #4caf50;
}

.btn-clear[b-o3r8hcsj5i] {
    background: #e0e0e0;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0.9rem;
}

.content-area[b-o3r8hcsj5i] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.loading-container[b-o3r8hcsj5i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    gap: 1rem;
}

.spinner[b-o3r8hcsj5i] {
    width: 40px;
    height: 40px;
    border: 3px solid #e0e0e0;
    border-top-color: #4caf50;
    border-radius: 50%;
    animation: spin-b-o3r8hcsj5i 1s linear infinite;
}

@keyframes spin-b-o3r8hcsj5i {
    to { transform: rotate(360deg); }
}

.empty-state[b-o3r8hcsj5i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    text-align: center;
    color: #666;
}

.empty-icon[b-o3r8hcsj5i] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-o3r8hcsj5i] {
    margin: 0 0 0.5rem;
    color: #333;
}

.invoices-list[b-o3r8hcsj5i] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.invoice-card[b-o3r8hcsj5i] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
}

.invoice-card.loading[b-o3r8hcsj5i] {
    opacity: 0.7;
    pointer-events: none;
}

.invoice-header[b-o3r8hcsj5i] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    gap: 0.5rem;
}

.invoice-header:hover[b-o3r8hcsj5i] {
    background: #f8f8f8;
}

.invoice-info[b-o3r8hcsj5i] {
    display: flex;
    flex-direction: column;
    min-width: 100px;
}

.invoice-number[b-o3r8hcsj5i] {
    font-weight: 600;
    color: #4caf50;
}

.invoice-date[b-o3r8hcsj5i] {
    font-size: 0.8rem;
    color: #666;
}

.invoice-customer[b-o3r8hcsj5i] {
    flex: 1;
    font-weight: 500;
    color: #333;
}

.invoice-totals[b-o3r8hcsj5i] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 100px;
}

.invoice-amount[b-o3r8hcsj5i] {
    font-weight: 600;
    color: #4caf50;
}

.expand-icon[b-o3r8hcsj5i] {
    color: #666;
    font-size: 0.8rem;
}

.invoice-lines[b-o3r8hcsj5i] {
    border-top: 1px solid #e0e0e0;
    padding: 0.75rem 1rem;
    background: #fafafa;
}

.invoice-line[b-o3r8hcsj5i] {
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
    gap: 0.5rem;
}

.invoice-line:last-child[b-o3r8hcsj5i] {
    border-bottom: none;
}

.line-info[b-o3r8hcsj5i] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.line-description[b-o3r8hcsj5i] {
    font-size: 0.9rem;
    color: #333;
}

.line-code[b-o3r8hcsj5i] {
    font-size: 0.75rem;
    color: #666;
}

.line-qty[b-o3r8hcsj5i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 60px;
}

.qty-value[b-o3r8hcsj5i] {
    font-weight: 600;
}

.qty-unit[b-o3r8hcsj5i] {
    font-size: 0.7rem;
    color: #666;
}

.line-price[b-o3r8hcsj5i] {
    font-weight: 600;
    color: #4caf50;
    min-width: 80px;
    text-align: right;
}

.invoice-actions[b-o3r8hcsj5i] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: #f5f5f5;
    border-top: 1px solid #e0e0e0;
}

.btn-action[b-o3r8hcsj5i] {
    flex: 1;
    min-width: 70px;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    font-size: 0.85rem;
    cursor: pointer;
    font-weight: 500;
}

.btn-view[b-o3r8hcsj5i] {
    background: #4caf50;
    color: white;
}

.btn-send[b-o3r8hcsj5i] {
    background: #2196F3;
    color: white;
}

.btn-repeat[b-o3r8hcsj5i] {
    background: #ff9800;
    color: white;
}

.btn-action:hover[b-o3r8hcsj5i] {
    opacity: 0.9;
}
/* /Pages/Ventas/ListaOfertasVenta.razor.rz.scp.css */
.quotes-container[b-n8ywrznr8t] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #f5f5f5;
}

.page-header[b-n8ywrznr8t] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: linear-gradient(135deg, #9c27b0 0%, #7b1fa2 100%);
    color: white;
    gap: 1rem;
}

.btn-back[b-n8ywrznr8t], .btn-icon[b-n8ywrznr8t] {
    background: rgba(255,255,255,0.2);
    border: none;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-back:hover[b-n8ywrznr8t], .btn-icon:hover[b-n8ywrznr8t] {
    background: rgba(255,255,255,0.3);
}

.page-title[b-n8ywrznr8t] {
    flex: 1;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.header-actions[b-n8ywrznr8t] {
    display: flex;
    gap: 0.5rem;
}

.search-bar[b-n8ywrznr8t] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    background: white;
    border-bottom: 1px solid #e0e0e0;
    gap: 0.5rem;
}

.search-input[b-n8ywrznr8t] {
    flex: 1;
    padding: 0.75rem 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 25px;
    font-size: 1rem;
    outline: none;
}

.search-input:focus[b-n8ywrznr8t] {
    border-color: #9c27b0;
}

.btn-clear[b-n8ywrznr8t] {
    background: #e0e0e0;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0.9rem;
}

.content-area[b-n8ywrznr8t] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.loading-container[b-n8ywrznr8t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    gap: 1rem;
}

.spinner[b-n8ywrznr8t] {
    width: 40px;
    height: 40px;
    border: 3px solid #e0e0e0;
    border-top-color: #9c27b0;
    border-radius: 50%;
    animation: spin-b-n8ywrznr8t 1s linear infinite;
}

@keyframes spin-b-n8ywrznr8t {
    to { transform: rotate(360deg); }
}

.empty-state[b-n8ywrznr8t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    text-align: center;
    color: #666;
}

.empty-icon[b-n8ywrznr8t] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-n8ywrznr8t] {
    margin: 0 0 0.5rem;
    color: #333;
}

.quotes-list[b-n8ywrznr8t] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.quote-card[b-n8ywrznr8t] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
}

.quote-card.loading[b-n8ywrznr8t] {
    opacity: 0.7;
    pointer-events: none;
}

.quote-header[b-n8ywrznr8t] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    gap: 0.5rem;
}

.quote-header:hover[b-n8ywrznr8t] {
    background: #f8f8f8;
}

.quote-info[b-n8ywrznr8t] {
    display: flex;
    flex-direction: column;
    min-width: 100px;
}

.quote-number[b-n8ywrznr8t] {
    font-weight: 600;
    color: #9c27b0;
}

.quote-date[b-n8ywrznr8t] {
    font-size: 0.8rem;
    color: #666;
}

.quote-customer[b-n8ywrznr8t] {
    flex: 1;
    font-weight: 500;
    color: #333;
}

.quote-totals[b-n8ywrznr8t] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 100px;
}

.quote-amount[b-n8ywrznr8t] {
    font-weight: 600;
    color: #9c27b0;
}

.expand-icon[b-n8ywrznr8t] {
    color: #666;
    font-size: 0.8rem;
}

.quote-lines[b-n8ywrznr8t] {
    border-top: 1px solid #e0e0e0;
    padding: 0.75rem 1rem;
    background: #fafafa;
}

.quote-line[b-n8ywrznr8t] {
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
    gap: 0.5rem;
}

.quote-line:last-child[b-n8ywrznr8t] {
    border-bottom: none;
}

.line-info[b-n8ywrznr8t] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.line-description[b-n8ywrznr8t] {
    font-size: 0.9rem;
    color: #333;
}

.line-code[b-n8ywrznr8t] {
    font-size: 0.75rem;
    color: #666;
}

.line-qty[b-n8ywrznr8t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 60px;
}

.qty-value[b-n8ywrznr8t] {
    font-weight: 600;
}

.qty-unit[b-n8ywrznr8t] {
    font-size: 0.7rem;
    color: #666;
}

.line-price[b-n8ywrznr8t] {
    font-weight: 600;
    color: #9c27b0;
    min-width: 80px;
    text-align: right;
}

.quote-actions[b-n8ywrznr8t] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: #f5f5f5;
    border-top: 1px solid #e0e0e0;
}

.btn-action[b-n8ywrznr8t] {
    flex: 1;
    min-width: 70px;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    font-size: 0.85rem;
    cursor: pointer;
    font-weight: 500;
}

.btn-view[b-n8ywrznr8t] {
    background: #9c27b0;
    color: white;
}

.btn-convert[b-n8ywrznr8t] {
    background: #4caf50;
    color: white;
}

.btn-repeat[b-n8ywrznr8t] {
    background: #ff9800;
    color: white;
}

.btn-delete[b-n8ywrznr8t] {
    background: #f44336;
    color: white;
}

.btn-action:hover[b-n8ywrznr8t] {
    opacity: 0.9;
}
/* /Pages/Ventas/ListaPedidosVenta.razor.rz.scp.css */
.orders-container[b-j15483bj3x] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #f5f5f5;
}

.page-header[b-j15483bj3x] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);
    color: white;
    gap: 1rem;
}

.btn-back[b-j15483bj3x], .btn-icon[b-j15483bj3x] {
    background: rgba(255,255,255,0.2);
    border: none;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-back:hover[b-j15483bj3x], .btn-icon:hover[b-j15483bj3x] {
    background: rgba(255,255,255,0.3);
}

.page-title[b-j15483bj3x] {
    flex: 1;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.header-actions[b-j15483bj3x] {
    display: flex;
    gap: 0.5rem;
}

.search-bar[b-j15483bj3x] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    background: white;
    border-bottom: 1px solid #e0e0e0;
    gap: 0.5rem;
}

.search-input[b-j15483bj3x] {
    flex: 1;
    padding: 0.75rem 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 25px;
    font-size: 1rem;
    outline: none;
}

.search-input:focus[b-j15483bj3x] {
    border-color: #2196F3;
}

.btn-clear[b-j15483bj3x] {
    background: #e0e0e0;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0.9rem;
}

.content-area[b-j15483bj3x] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    padding-bottom: 80px;
}

.loading-container[b-j15483bj3x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    gap: 1rem;
}

.spinner[b-j15483bj3x] {
    width: 40px;
    height: 40px;
    border: 3px solid #e0e0e0;
    border-top-color: #2196F3;
    border-radius: 50%;
    animation: spin-b-j15483bj3x 1s linear infinite;
}

@keyframes spin-b-j15483bj3x {
    to { transform: rotate(360deg); }
}

.empty-state[b-j15483bj3x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    text-align: center;
    color: #666;
}

.empty-icon[b-j15483bj3x] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-j15483bj3x] {
    margin: 0 0 0.5rem;
    color: #333;
}

.empty-state p[b-j15483bj3x] {
    margin: 0 0 1.5rem;
}

.btn-primary[b-j15483bj3x] {
    background: #2196F3;
    color: white;
    border: none;
    padding: 0.75rem 2rem;
    border-radius: 25px;
    font-size: 1rem;
    cursor: pointer;
}

.btn-primary:hover[b-j15483bj3x] {
    background: #1976D2;
}

.orders-list[b-j15483bj3x] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.order-card[b-j15483bj3x] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
}

.order-card.loading[b-j15483bj3x] {
    opacity: 0.7;
    pointer-events: none;
}

.order-header[b-j15483bj3x] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    gap: 0.5rem;
}

.order-header:hover[b-j15483bj3x] {
    background: #f8f8f8;
}

.order-info[b-j15483bj3x] {
    display: flex;
    flex-direction: column;
    min-width: 100px;
}

.order-number[b-j15483bj3x] {
    font-weight: 600;
    color: #2196F3;
}

.order-date[b-j15483bj3x] {
    font-size: 0.8rem;
    color: #666;
}

.order-customer[b-j15483bj3x] {
    flex: 1;
    font-weight: 500;
    color: #333;
}

.order-totals[b-j15483bj3x] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 100px;
}

.order-amount[b-j15483bj3x] {
    font-weight: 600;
    color: #2196F3;
}

.order-status[b-j15483bj3x] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    background: #e0e0e0;
}

.status-open[b-j15483bj3x] {
    background: #fff3e0;
    color: #e65100;
}

.status-released[b-j15483bj3x] {
    background: #e8f5e9;
    color: #2e7d32;
}

.status-pending[b-j15483bj3x] {
    background: #e3f2fd;
    color: #1565c0;
}

.expand-icon[b-j15483bj3x] {
    color: #666;
    font-size: 0.8rem;
}

.order-lines[b-j15483bj3x] {
    border-top: 1px solid #e0e0e0;
    padding: 0.75rem 1rem;
    background: #fafafa;
}

.order-line[b-j15483bj3x] {
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid #eee;
    gap: 0.5rem;
}

.order-line:last-child[b-j15483bj3x] {
    border-bottom: none;
}

.line-info[b-j15483bj3x] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.line-description[b-j15483bj3x] {
    font-size: 0.9rem;
    color: #333;
}

.line-code[b-j15483bj3x] {
    font-size: 0.75rem;
    color: #666;
}

.line-qty[b-j15483bj3x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 60px;
}

.qty-value[b-j15483bj3x] {
    font-weight: 600;
}

.qty-unit[b-j15483bj3x] {
    font-size: 0.7rem;
    color: #666;
}

.line-price[b-j15483bj3x] {
    font-weight: 600;
    color: #2196F3;
    min-width: 80px;
    text-align: right;
}

.order-actions[b-j15483bj3x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: #f5f5f5;
    border-top: 1px solid #e0e0e0;
}

.btn-action[b-j15483bj3x] {
    flex: 1;
    min-width: 70px;
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 6px;
    font-size: 0.85rem;
    cursor: pointer;
    font-weight: 500;
}

.btn-view[b-j15483bj3x] {
    background: #2196F3;
    color: white;
}

.btn-send[b-j15483bj3x] {
    background: #4caf50;
    color: white;
}

.btn-repeat[b-j15483bj3x] {
    background: #ff9800;
    color: white;
}

.btn-delete[b-j15483bj3x] {
    background: #f44336;
    color: white;
}

.btn-action:hover[b-j15483bj3x] {
    opacity: 0.9;
}

.fab-button[b-j15483bj3x] {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #2196F3;
    color: white;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(33, 150, 243, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
}

.fab-button:hover[b-j15483bj3x] {
    background: #1976D2;
    transform: scale(1.05);
}

@media (max-width: 480px) {
    .order-header[b-j15483bj3x] {
        flex-direction: column;
        align-items: flex-start;
    }

    .order-customer[b-j15483bj3x] {
        width: 100%;
    }

    .order-totals[b-j15483bj3x] {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }
}
/* /Pages/Ventas/PedidoVenta.razor.rz.scp.css */
.order-detail-container[b-zpy337t1hn] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #f5f5f5;
}

.page-header[b-zpy337t1hn] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);
    color: white;
    gap: 1rem;
}

.btn-back[b-zpy337t1hn], .btn-icon[b-zpy337t1hn] {
    background: rgba(255,255,255,0.2);
    border: none;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-back:hover[b-zpy337t1hn], .btn-icon:hover[b-zpy337t1hn] {
    background: rgba(255,255,255,0.3);
}

.page-title[b-zpy337t1hn] {
    flex: 1;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.header-actions[b-zpy337t1hn] {
    display: flex;
    gap: 0.5rem;
}

.content-area[b-zpy337t1hn] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.loading-container[b-zpy337t1hn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    gap: 1rem;
}

.spinner[b-zpy337t1hn] {
    width: 40px;
    height: 40px;
    border: 3px solid #e0e0e0;
    border-top-color: #2196F3;
    border-radius: 50%;
    animation: spin-b-zpy337t1hn 1s linear infinite;
}

@keyframes spin-b-zpy337t1hn {
    to { transform: rotate(360deg); }
}

.empty-state[b-zpy337t1hn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    text-align: center;
    color: #666;
}

.empty-icon[b-zpy337t1hn] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.info-card[b-zpy337t1hn], .lines-card[b-zpy337t1hn], .totals-card[b-zpy337t1hn] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
}

.info-header[b-zpy337t1hn], .lines-header[b-zpy337t1hn] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
    gap: 0.5rem;
}

.info-icon[b-zpy337t1hn] {
    font-size: 1.25rem;
}

.info-header h3[b-zpy337t1hn], .lines-header h3[b-zpy337t1hn] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
}

.info-content[b-zpy337t1hn] {
    padding: 0.75rem 1rem;
}

.info-row[b-zpy337t1hn] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f0f0f0;
}

.info-row:last-child[b-zpy337t1hn] {
    border-bottom: none;
}

.info-label[b-zpy337t1hn] {
    color: #666;
    font-size: 0.9rem;
}

.info-value[b-zpy337t1hn] {
    font-weight: 500;
    color: #333;
}

.info-value.highlight[b-zpy337t1hn] {
    color: #2196F3;
    font-weight: 600;
}

.info-value.status[b-zpy337t1hn] {
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    font-size: 0.85rem;
}

.status-open[b-zpy337t1hn] {
    background: #fff3e0;
    color: #e65100;
}

.status-released[b-zpy337t1hn] {
    background: #e8f5e9;
    color: #2e7d32;
}

.status-pending[b-zpy337t1hn] {
    background: #e3f2fd;
    color: #1565c0;
}

.lines-list[b-zpy337t1hn] {
    padding: 0.5rem;
}

.line-item[b-zpy337t1hn] {
    padding: 0.75rem;
    border-bottom: 1px solid #f0f0f0;
}

.line-item:last-child[b-zpy337t1hn] {
    border-bottom: none;
}

.line-main[b-zpy337t1hn] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.5rem;
}

.line-code[b-zpy337t1hn] {
    font-size: 0.75rem;
    color: #2196F3;
    font-weight: 500;
}

.line-desc[b-zpy337t1hn] {
    font-size: 0.9rem;
    color: #333;
}

.line-details[b-zpy337t1hn] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.detail-group[b-zpy337t1hn] {
    display: flex;
    flex-direction: column;
}

.detail-label[b-zpy337t1hn] {
    font-size: 0.7rem;
    color: #999;
    text-transform: uppercase;
}

.detail-value[b-zpy337t1hn] {
    font-size: 0.9rem;
    font-weight: 500;
}

.detail-value.discount[b-zpy337t1hn] {
    color: #f44336;
}

.detail-value.amount[b-zpy337t1hn] {
    color: #2196F3;
}

.totals-card[b-zpy337t1hn] {
    padding: 1rem;
}

.total-row[b-zpy337t1hn] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f0f0f0;
}

.total-row:last-child[b-zpy337t1hn] {
    border-bottom: none;
}

.total-row.main[b-zpy337t1hn] {
    padding-top: 0.75rem;
    margin-top: 0.5rem;
    border-top: 2px solid #e0e0e0;
}

.total-label[b-zpy337t1hn] {
    color: #666;
}

.total-row.main .total-label[b-zpy337t1hn] {
    font-weight: 600;
    color: #333;
    font-size: 1.1rem;
}

.total-value[b-zpy337t1hn] {
    font-weight: 600;
}

.total-row.main .total-value[b-zpy337t1hn] {
    font-size: 1.25rem;
    color: #2196F3;
}

.actions-bar[b-zpy337t1hn] {
    display: flex;
    gap: 1rem;
    padding: 1rem 0;
}

.btn-action[b-zpy337t1hn] {
    flex: 1;
    padding: 0.875rem 1.5rem;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.btn-action:disabled[b-zpy337t1hn] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-send[b-zpy337t1hn] {
    background: #4caf50;
    color: white;
}

.btn-send:hover:not(:disabled)[b-zpy337t1hn] {
    background: #43a047;
}

.btn-delete[b-zpy337t1hn] {
    background: #f44336;
    color: white;
}

.btn-delete:hover:not(:disabled)[b-zpy337t1hn] {
    background: #e53935;
}

.btn-spinner[b-zpy337t1hn] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-zpy337t1hn 1s linear infinite;
}

@media (max-width: 480px) {
    .line-details[b-zpy337t1hn] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .actions-bar[b-zpy337t1hn] {
        flex-direction: column;
    }
}
/* /Pages/Ventas/SalesCart.razor.rz.scp.css */
.cart-container[b-23878rbezi] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.cart-header[b-23878rbezi] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-23878rbezi] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.cart-title[b-23878rbezi] {
    flex: 1;
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.btn-clear[b-23878rbezi] {
    background: transparent;
    border: 1px solid #ef4444;
    color: #ef4444;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-clear:hover[b-23878rbezi] {
    background: #ef4444;
    color: white;
}

.customer-banner[b-23878rbezi] {
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-weight: 600;
}

.discount-info[b-23878rbezi] {
    font-size: 0.85rem;
    opacity: 0.9;
}

.cart-content[b-23878rbezi] {
    flex: 1;
    padding: 1rem;
    padding-bottom: 120px;
}

.empty-cart[b-23878rbezi] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-23878rbezi] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-cart h2[b-23878rbezi] {
    color: #333;
    margin-bottom: 0.5rem;
}

.empty-cart p[b-23878rbezi] {
    color: #666;
    margin-bottom: 1.5rem;
}

.btn-primary[b-23878rbezi] {
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
}

.btn-primary:hover[b-23878rbezi] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(36, 105, 206, 0.4);
}

.cart-items[b-23878rbezi] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.cart-item[b-23878rbezi] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    position: relative;
}

.item-info[b-23878rbezi] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.item-name[b-23878rbezi] {
    font-weight: 600;
    color: #333;
    font-size: 0.95rem;
}

.item-code[b-23878rbezi] {
    font-size: 0.8rem;
    color: #2469CE;
}

.item-price[b-23878rbezi] {
    font-size: 0.85rem;
    color: #666;
}

.item-discount[b-23878rbezi] {
    font-size: 0.8rem;
    color: #10b981;
    font-weight: 500;
}

.item-actions[b-23878rbezi] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.5rem;
}

.quantity-controls[b-23878rbezi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #f5f5f5;
    border-radius: 25px;
    padding: 0.25rem;
}

.btn-quantity[b-23878rbezi] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: white;
    border: 1px solid #e0e0e0;
    color: #333;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.btn-quantity:hover[b-23878rbezi] {
    background: #2469CE;
    color: white;
    border-color: #2469CE;
}

.quantity-input[b-23878rbezi] {
    width: 50px;
    text-align: center;
    border: none;
    background: transparent;
    font-weight: 700;
    font-size: 1rem;
    color: #333;
}

.quantity-input:focus[b-23878rbezi] {
    outline: none;
}

.quantity-input[b-23878rbezi]::-webkit-outer-spin-button,
.quantity-input[b-23878rbezi]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.item-total[b-23878rbezi] {
    font-weight: 700;
    color: #2469CE;
    font-size: 1rem;
}

.btn-remove[b-23878rbezi] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background: transparent;
    border: none;
    color: #999;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0.25rem;
    line-height: 1;
    transition: color 0.2s;
}

.btn-remove:hover[b-23878rbezi] {
    color: #ef4444;
}

.cart-summary[b-23878rbezi] {
    background: white;
    border-radius: 12px;
    padding: 1rem;
    margin-top: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.summary-row[b-23878rbezi] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    color: #666;
}

.summary-row.total[b-23878rbezi] {
    border-top: 1px solid #e0e0e0;
    margin-top: 0.5rem;
    padding-top: 1rem;
    font-weight: 700;
    font-size: 1.1rem;
    color: #333;
}

.cart-footer[b-23878rbezi] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: white;
    padding: 1rem;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
}

.btn-checkout[b-23878rbezi] {
    width: 100%;
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border: none;
    border-radius: 12px;
    padding: 1rem;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    transition: transform 0.2s, box-shadow 0.2s;
}

.btn-checkout:hover:not(:disabled)[b-23878rbezi] {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(36, 105, 206, 0.4);
}

.btn-checkout:disabled[b-23878rbezi] {
    opacity: 0.7;
    cursor: not-allowed;
}

.btn-checkout.loading[b-23878rbezi] {
    opacity: 0.8;
}

.btn-spinner[b-23878rbezi] {
    width: 24px;
    height: 24px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top: 3px solid white;
    border-radius: 50%;
    animation: spin-b-23878rbezi 1s linear infinite;
}

.checkout-total[b-23878rbezi] {
    background: rgba(255, 255, 255, 0.2);
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
}

@keyframes spin-b-23878rbezi {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Modal */
.modal-overlay[b-23878rbezi] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    padding: 1rem;
}

.modal-content[b-23878rbezi] {
    background: white;
    border-radius: 16px;
    padding: 2rem;
    max-width: 400px;
    width: 100%;
    text-align: center;
}

.modal-content h3[b-23878rbezi] {
    color: #333;
    margin-bottom: 0.5rem;
}

.modal-content p[b-23878rbezi] {
    color: #666;
    margin-bottom: 1.5rem;
}

.modal-actions[b-23878rbezi] {
    display: flex;
    gap: 0.75rem;
    justify-content: center;
}

.modal-actions .btn[b-23878rbezi] {
    flex: 1;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-secondary[b-23878rbezi] {
    background: transparent;
    border: 1px solid #e0e0e0;
    color: #666;
}

.btn-secondary:hover[b-23878rbezi] {
    background: #f5f5f5;
}

.btn-danger[b-23878rbezi] {
    background: #ef4444;
    border: none;
    color: white;
}

.btn-danger:hover[b-23878rbezi] {
    background: #dc2626;
}

.modal-content.success .success-icon[b-23878rbezi],
.modal-content.error .error-icon[b-23878rbezi] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    margin: 0 auto 1rem;
}

.success-icon[b-23878rbezi] {
    background: #10b981;
    color: white;
}

.error-icon[b-23878rbezi] {
    background: #ef4444;
    color: white;
}

/* Responsive */
@media (min-width: 768px) {
    .cart-content[b-23878rbezi] {
        max-width: 600px;
        margin: 0 auto;
    }

    .cart-footer[b-23878rbezi] {
        max-width: 600px;
        left: 50%;
        transform: translateX(-50%);
    }
}
/* /Pages/Ventas/SalesCatalog.razor.rz.scp.css */
.catalog-container[b-ox2s3nwy37] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.page-header[b-ox2s3nwy37] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-ox2s3nwy37] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.header-info[b-ox2s3nwy37] {
    flex: 1;
    min-width: 0;
}

.page-title[b-ox2s3nwy37] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.customer-badge[b-ox2s3nwy37] {
    display: inline-block;
    font-size: 0.8rem;
    color: #2469CE;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.btn-cart[b-ox2s3nwy37] {
    position: relative;
    background: #2469CE;
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 1.25rem;
}

.cart-count[b-ox2s3nwy37] {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #ef4444;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-section[b-ox2s3nwy37] {
    padding: 1rem;
    background: white;
    border-bottom: 1px solid #e0e0e0;
}

.search-box[b-ox2s3nwy37] {
    display: flex;
    align-items: center;
    background: #f5f5f5;
    border-radius: 12px;
    padding: 0.75rem 1rem;
    gap: 0.75rem;
}

.search-icon[b-ox2s3nwy37] {
    color: #999;
    font-size: 1.1rem;
}

.search-box input[b-ox2s3nwy37] {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 1rem;
    outline: none;
}

.btn-clear-search[b-ox2s3nwy37] {
    background: #ddd;
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 0.8rem;
    cursor: pointer;
    color: #666;
}

.content-area[b-ox2s3nwy37] {
    flex: 1;
    padding: 1rem;
    padding-bottom: 100px;
}

.loading-container[b-ox2s3nwy37] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.spinner[b-ox2s3nwy37] {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top: 4px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-ox2s3nwy37 1s linear infinite;
}

@keyframes spin-b-ox2s3nwy37 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.empty-state[b-ox2s3nwy37] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-ox2s3nwy37] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-ox2s3nwy37] {
    color: #333;
    margin-bottom: 0.5rem;
}

.empty-state p[b-ox2s3nwy37] {
    color: #666;
    margin-bottom: 1.5rem;
}

.btn-primary[b-ox2s3nwy37] {
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

.familias-grid[b-ox2s3nwy37] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 1rem;
}

.familia-card[b-ox2s3nwy37] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.familia-card:hover[b-ox2s3nwy37] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.familia-image[b-ox2s3nwy37] {
    height: 120px;
    background: linear-gradient(135deg, #f0fafa 0%, #e0f7f7 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.familia-image img[b-ox2s3nwy37] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.placeholder-icon[b-ox2s3nwy37] {
    font-size: 3rem;
    color: #2469CE;
    opacity: 0.5;
}

.familia-info[b-ox2s3nwy37] {
    padding: 0.75rem;
    text-align: center;
}

.familia-name[b-ox2s3nwy37] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 0.25rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.familia-code[b-ox2s3nwy37] {
    font-size: 0.75rem;
    color: #999;
}

.floating-cart[b-ox2s3nwy37] {
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border-radius: 25px;
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(36, 105, 206, 0.4);
    font-weight: 600;
    transition: transform 0.2s;
}

.floating-cart:hover[b-ox2s3nwy37] {
    transform: translateY(-2px);
}

.cart-total[b-ox2s3nwy37] {
    background: rgba(255, 255, 255, 0.2);
    padding: 0.25rem 0.75rem;
    border-radius: 15px;
}

.cart-icon[b-ox2s3nwy37] {
    font-size: 1.25rem;
}

/* Responsive */
@media (min-width: 768px) {
    .content-area[b-ox2s3nwy37] {
        max-width: 1000px;
        margin: 0 auto;
    }

    .familias-grid[b-ox2s3nwy37] {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }

    .familia-image[b-ox2s3nwy37] {
        height: 150px;
    }

    .floating-cart[b-ox2s3nwy37] {
        max-width: 600px;
        left: 50%;
        transform: translateX(-50%);
    }

    .floating-cart:hover[b-ox2s3nwy37] {
        transform: translateX(-50%) translateY(-2px);
    }
}
/* /Pages/Ventas/SalesProductList.razor.rz.scp.css */
.products-container[b-ljmjhj4f27] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f5f7fa;
}

.page-header[b-ljmjhj4f27] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.btn-back[b-ljmjhj4f27] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #333;
}

.header-info[b-ljmjhj4f27] {
    flex: 1;
    min-width: 0;
}

.page-title[b-ljmjhj4f27] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.customer-badge[b-ljmjhj4f27] {
    display: block;
    font-size: 0.8rem;
    color: #2469CE;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-cart[b-ljmjhj4f27] {
    position: relative;
    background: #2469CE;
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.cart-count[b-ljmjhj4f27] {
    position: absolute;
    top: -4px;
    right: -4px;
    background: #ef4444;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-section[b-ljmjhj4f27] {
    padding: 1rem;
    background: white;
    border-bottom: 1px solid #e0e0e0;
}

.search-box[b-ljmjhj4f27] {
    display: flex;
    align-items: center;
    background: #f5f5f5;
    border-radius: 12px;
    padding: 0.75rem 1rem;
    gap: 0.75rem;
}

.search-icon[b-ljmjhj4f27] {
    color: #999;
    font-size: 1.1rem;
}

.search-box input[type="text"][b-ljmjhj4f27] {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 1rem;
    outline: none;
}

.btn-clear-search[b-ljmjhj4f27] {
    background: #ddd;
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 0.8rem;
    cursor: pointer;
    color: #666;
}

.content-area[b-ljmjhj4f27] {
    flex: 1;
    padding: 1rem;
    padding-bottom: 100px;
}

.loading-container[b-ljmjhj4f27] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.spinner[b-ljmjhj4f27] {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top: 4px solid #2469CE;
    border-radius: 50%;
    animation: spin-b-ljmjhj4f27 1s linear infinite;
}

@keyframes spin-b-ljmjhj4f27 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.empty-state[b-ljmjhj4f27] {
    text-align: center;
    padding: 3rem 1rem;
}

.empty-icon[b-ljmjhj4f27] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state h2[b-ljmjhj4f27] {
    color: #333;
    margin-bottom: 0.5rem;
}

.empty-state p[b-ljmjhj4f27] {
    color: #666;
    margin-bottom: 1.5rem;
}

.btn-primary[b-ljmjhj4f27] {
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

.products-list[b-ljmjhj4f27] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.product-card[b-ljmjhj4f27] {
    background: white;
    border-radius: 12px;
    padding: 1rem;
    display: flex;
    gap: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.product-image[b-ljmjhj4f27] {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
    position: relative;
}

.product-image img[b-ljmjhj4f27] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.placeholder-icon[b-ljmjhj4f27] {
    font-size: 2rem;
    color: #ccc;
}

.promo-badge[b-ljmjhj4f27] {
    position: absolute;
    top: 4px;
    left: 4px;
    background: #ef4444;
    color: white;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 4px;
}

.product-info[b-ljmjhj4f27] {
    flex: 1;
    min-width: 0;
}

.product-name[b-ljmjhj4f27] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 0.25rem 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-code[b-ljmjhj4f27] {
    font-size: 0.8rem;
    color: #2469CE;
    margin: 0 0 0.25rem 0;
}

.product-desc[b-ljmjhj4f27] {
    font-size: 0.8rem;
    color: #666;
    margin: 0 0 0.5rem 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-pricing[b-ljmjhj4f27] {
    display: flex;
    align-items: baseline;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.product-price[b-ljmjhj4f27] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #333;
}

.product-unit[b-ljmjhj4f27] {
    font-size: 0.8rem;
    color: #999;
}

.discount-badge[b-ljmjhj4f27] {
    background: #10b981;
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 700;
    margin-left: 0.5rem;
}

.product-actions[b-ljmjhj4f27] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 0.5rem;
}

.btn-add[b-ljmjhj4f27] {
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    transition: transform 0.2s;
    white-space: nowrap;
}

.btn-add:hover[b-ljmjhj4f27] {
    transform: scale(1.05);
}

.quantity-controls[b-ljmjhj4f27] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    background: #f5f5f5;
    border-radius: 25px;
    padding: 0.25rem;
}

.btn-quantity[b-ljmjhj4f27] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: white;
    border: 1px solid #e0e0e0;
    color: #333;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.btn-quantity:hover[b-ljmjhj4f27] {
    background: #2469CE;
    color: white;
    border-color: #2469CE;
}

.quantity-input[b-ljmjhj4f27] {
    width: 45px;
    text-align: center;
    border: none;
    background: transparent;
    font-weight: 700;
    font-size: 1rem;
    color: #333;
}

.quantity-input:focus[b-ljmjhj4f27] {
    outline: none;
}

.quantity-input[b-ljmjhj4f27]::-webkit-outer-spin-button,
.quantity-input[b-ljmjhj4f27]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.item-total[b-ljmjhj4f27] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #2469CE;
}

.floating-cart[b-ljmjhj4f27] {
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    background: linear-gradient(135deg, #2469CE 0%, #1a5bb8 100%);
    color: white;
    border-radius: 16px;
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(36, 105, 206, 0.4);
    transition: transform 0.2s;
}

.floating-cart:hover[b-ljmjhj4f27] {
    transform: translateY(-2px);
}

.cart-info[b-ljmjhj4f27] {
    display: flex;
    flex-direction: column;
}

.cart-items[b-ljmjhj4f27] {
    font-size: 0.8rem;
    opacity: 0.9;
}

.cart-total[b-ljmjhj4f27] {
    font-size: 1.1rem;
    font-weight: 700;
}

/* Responsive */
@media (min-width: 768px) {
    .content-area[b-ljmjhj4f27] {
        max-width: 800px;
        margin: 0 auto;
    }

    .product-card[b-ljmjhj4f27] {
        padding: 1.5rem;
    }

    .product-image[b-ljmjhj4f27] {
        width: 100px;
        height: 100px;
    }

    .floating-cart[b-ljmjhj4f27] {
        max-width: 600px;
        left: 50%;
        transform: translateX(-50%);
    }

    .floating-cart:hover[b-ljmjhj4f27] {
        transform: translateX(-50%) translateY(-2px);
    }
}
/* /Shared/Components/BarcodeScanner.razor.rz.scp.css */
.scanner-container[b-yp0mdpe5b1] {
    width: 100%;
}

.scanner-container.hidden[b-yp0mdpe5b1] {
    display: none;
}

/* Camera Scanner */
.camera-scanner[b-yp0mdpe5b1] {
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    border-radius: 12px;
    overflow: hidden;
    background: #000;
}

.scanner-video[b-yp0mdpe5b1] {
    width: 100%;
    height: auto;
    display: block;
}

.scanner-overlay[b-yp0mdpe5b1] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.scan-region[b-yp0mdpe5b1] {
    width: 70%;
    height: 50%;
    border: 3px solid #00ff00;
    border-radius: 8px;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
    animation: pulse-b-yp0mdpe5b1 2s ease-in-out infinite;
}

@keyframes pulse-b-yp0mdpe5b1 {
    0%, 100% {
        border-color: #00ff00;
    }
    50% {
        border-color: #00aa00;
    }
}

.scanner-controls[b-yp0mdpe5b1] {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 15px;
    padding: 10px;
}

.btn-scanner[b-yp0mdpe5b1] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.9);
    color: #333;
    font-size: 1.3rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.btn-scanner:hover[b-yp0mdpe5b1] {
    background: white;
    transform: scale(1.1);
}

.btn-scanner.active[b-yp0mdpe5b1] {
    background: #ffc107;
}

.btn-scanner.close[b-yp0mdpe5b1] {
    background: #e74c3c;
    color: white;
}

/* Laser Scanner / Manual Input */
.laser-scanner[b-yp0mdpe5b1] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.scanner-input[b-yp0mdpe5b1] {
    flex: 1;
    padding: 15px 20px;
    font-size: 1.1rem;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    outline: none;
    transition: all 0.3s ease;
    font-family: 'Courier New', monospace;
}

.scanner-input:focus[b-yp0mdpe5b1] {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.2);
}

.btn-camera-toggle[b-yp0mdpe5b1] {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    border: 2px solid #667eea;
    background: white;
    color: #667eea;
    font-size: 1.3rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.btn-camera-toggle:hover[b-yp0mdpe5b1] {
    background: #667eea;
    color: white;
}

/* Last Scanned Display */
.last-scanned[b-yp0mdpe5b1] {
    margin-top: 10px;
    padding: 10px 15px;
    background: #e8f5e9;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.9rem;
}

.last-scanned .label[b-yp0mdpe5b1] {
    color: #666;
}

.last-scanned .value[b-yp0mdpe5b1] {
    font-weight: 600;
    color: #2e7d32;
    font-family: 'Courier New', monospace;
}

/* Responsive */
@media (max-width: 480px) {
    .camera-scanner[b-yp0mdpe5b1] {
        border-radius: 0;
    }

    .scanner-input[b-yp0mdpe5b1] {
        padding: 12px 15px;
        font-size: 1rem;
    }

    .btn-camera-toggle[b-yp0mdpe5b1] {
        width: 45px;
        height: 45px;
    }
}